Keskustelu: Nettisivujen teko: Css:A tagin liikuttaminen alaspäin

alker [19.10.2009 16:54:58]

Eli miten voin liikuttaa A tagia ilman että navin background liikkuu. Margin-top ei toiminut =(

Teuro [19.10.2009 17:15:03]

Meinaatko tällaista?

<html>
	<head>
		<style type="text/css">
			#navbar a{
				position: relative;
				top: 3em;
				left: 4em;
				margin-left: 3em;
			}

			#navbar{
				border: 1px solid gray;
				height: 100px;
				background-image: url('alker.gif');
			}
		</style>
	</head>
	<body>
		<div id="navbar">
			<a href="#">Moikka</a>
			<a href="#">Heippa</a>
		</div>
	</body>
</html>

alker [19.10.2009 18:04:42]

Juuri tuollaista

Mod. poisti turhan lainauksen!

Merri [20.10.2009 09:43:12]

Mikäli valikon toteuttaa semanttisesti oikein listana, niin sitten vaihtoehdot toteutukseen ovat huomattavasti laajemmat: voi valita laittaako sisennystä ul-elementtiin, li-elementtiin vai tekeekö kuten yllä, että heittää relativea. Suurin hyöty useammasta elementistä on kuitenkin laajempien graafisten elementtien hyödyntämisen puolella.

Toisaalta linkille on myös mahdollista määrittää display: inline-block; joka mahdollistaa sekä marginaalien että sisennysten täysiverisen käytön.

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Kirjautuminen

Haku