A aasah Medlem sedan mars 2003 4 471 inlägg Frågan 13 dec. 2007 12:06 #1 Jag har ett pussel på sidan och under det två länkar till föregående resp nästa. Dessa länkar vill jag ha (helst) i varsin ände av pusslet, så att föregående är till vänster och nästa till höger, men jag får inte till det?
Första försöket som var menat att lägga länkarna så långt åt höger/vänster som möjligt i skärmen gav samma resultat som då jag tar bort style-delen, dvs ingen alls. Länkarna hamnar omedelbart efter varann, till vänster i fönstret. Varför då?
<p><a style=\"float: left;\" href="http://.../genJS.php?Pid=78&Type=JS&Cut=13">PREVIOUS JS <<< </a>
<a style=\"float: left;\" href="http://.../genJS.php?Pid=86&Type=JS&Cut=13">>>> NEXT JS </a>
Hur kan jag annars lösa det?
headbug Medlem sedan sep. 2006 867 inlägg Tycker kanske att åtminstonde en av länkarna borde ha float: right, men det är bara jag :)
S SPiN Medlem sedan mars 2000 7 896 inlägg <div style="width: 100%;">
<div style="float: left;">
<a>1</a>
</div>
<div style="float: right;">
<a>2</a>
</div>
</div>
Dom måste läggas i containers. Antar jag. :)
Ett stycke/paragraf ska inte kunna ha ett längd-attribut (bl.a.), så vitt jag vet, trots att de flesta webbläddrare tar det som giltigt.
A aasah Medlem sedan mars 2003 4 471 inlägg Tack, SPiN! Hur får man in en tredje länk mitt imellan dessa två?
headbug, det var en miss i inskrivningen här...
S SPiN Medlem sedan mars 2000 7 896 inlägg Jag skulle ha skapat en tabell...
<table style="width: 100%">
<tr>
<td style="text-align: left;">
<a>1</a>
</td>
<td style="text-align: center;">
<a>2</a>
</td>
<td style="text-align: right;">
<a>3</a>
</td>
</tr>
</table>
Ett annat sätt är att göra lagren flytande, och positionera ut dom manuellt.
Fuel Medlem sedan okt. 2000 1 285 inlägg Snabb hackade.. funkar FF 2 och IE 6
<div style="width:100%; clear:both; text-align:center;">
<div style="width:100px; float: right; text-align:right;">
<a href="">Right</a>
</div>
<div style="width:100px; float:left; text-align:left;">
<a href="">Left</a>
</div>
<div style="width:100px; margin:0 auto;">
<a href="">Middle</a>
</div>
</div>
