Samma rad?

Detta skulle jag vilja ha på samma rad. Hur gör jag?

<span><span style="float:left"><a href="?m=3&y=2003"><img  src="images/left.gif" width="15" height="10" border="0" alt="Mars"></a></span>April -03<span style="float:right"><a href="?m=5&y=2003"><img src="images/right.gif" width="15" height="10" border="0" alt="Maj"></a></span></span>

[red]|Bild          April -03         Bild|[/red]

Jag har precis kommit ifrån tabellträsket. ;)

Är det något sånt här du menar?

<span style="float: left;"><a href="?m=3&y=2003"><img src="images/left.gif" width="15" height="10" border="0" alt="Mars"></a></span>
<center><span style="position: absolute;">April -03</span></center>
<span style="float: right;"><a href="?m=5&y=2003"><img src="images/right.gif" width="15" height="10" border="0" alt="Maj"></a></span>

Tack, det var rätt förutom att jag inte gillar <center> varianten.
Kanske går med Text-align:center;?

Jag testade text-align: center men det funkade inte. <center>-varianten var det sista utvägen eller nåt sånt. ;)

Men det är väl en tag med bästföredatum?!

Jesper T skrev:

Men det är väl en tag med bästföredatum?!

Que? :q

Alltså, jag menar att <center> kommer försvinna ut html-standarden. (Inget påstående)

<style type="text/css">
<!--

div#holder ul{
	display : inline;
	list-style : none;
	margin-left : 0;
	padding-left : 0;
}

div#holder ul li{
	display : inline;
}

div#holder ul li#center{
	padding-left : 50px;
}

div#holder ul li#right{
	padding-left : 52px;
}

-->
</style>

...

<div id="holder">
<ul>
	<li>Mars</li>
	<ul>
		<li id="center">April</li>
		<ul>
			<li id="right">Maj</li>
		</ul>
	</ul>
</ul>
</div>

:)

Åhh, tack.
Funkar det med bilder också?

Ja, byt ut texten mot bildelement och justera avståndet mellan text och bild med koden nedan:

...
div#holder ul li#center{
	padding-left : 50px;
}

div#holder ul li#right{
	padding-left : 52px;
}
...

:)

Jösses så mycket CSS för det lilla enkla jag vill åstakomma.
men, men.... :)

Jesper T skrev:

Alltså, jag menar att <center> kommer försvinna ut html-standarden. (Inget påstående)

Det är visst ett påstående.
Du menar nog istället att det inte bara är någon spekulering :)

Om du vill ha den ena delen längst till vänster, den tredje delen längst till höger, och en andra del mittemellan kan du göra så här:

<div style="text-align: center;">
<span style="float: left;">Uno</span>
<span style="float: right;">Tres</span>
Dos
</div>

(min italienska är inte den bästa)

Det är visst ett påstående.
Du menar nog istället att det inte bara är någon spekulering

Jag menade bara att jag vet inte. Jag har bara läst det här på WF. Men du verkar ju bekräfta det hele.
Tack!

Efter lite DTD-grottande såg jag att:
<center> är med i HTML4.01 Transitional, men inte i HTML4.01 Strict.
<center> är med i xhtml 1.0 Transitional, men inte i xhtml 1.0 Strict.
<center> är sedan bortplockad ur xhtml 1.1.

jarvklo skrev:

Efter lite DTD-grottande såg jag att:
<center> är med i HTML4.01 Transitional, men inte i HTML4.01 Strict.
<center> är med i xhtml 1.0 Transitional, men inte i xhtml 1.0 Strict.
<center> är sedan bortplockad ur xhtml 1.1.

enkelt sagt så är den med i Transitionaloch inte Strict :)
eftersom xhtml1.1 bara är en modulation av xhtml1.0 strict så finns den logiskt nog inbte mer där heller