wally_91Medlem sedan feb. 2006511 inlägg Hej alla!
I en tabell har jag rubriken på den vänstra sidan av cellen och tiden på den högra delen av cellen. Jag gör detta mha float:right men om jag gör det blir det en radbrytning om rubriken finns.
Kod:
//Högre upp
.forum_title{font-weight: bold;}
//SLUT
//Längre ner
<td class='forum_title'>Min tråd<span style='float: right;font-weight: normal;'>2007-05-05 13:51:00</span></td>
Exempel:
Med rubrik och tid.
------------------------------------
| Rubriken |
| Tiden |
------------------------------------
Utan rubrik fast med tid.
------------------------------------
| Tiden |
------------------------------------
Hur gör jag så att tiden inte kommer en rad under?
Tack på förhand,
wally_91
KoplikMedlem sedan juli 20011 129 inlägg Jag är inte så het på CSS så jag kan inte förklara varför.
Jag tror det har att göra med att elementen är olika och td inte har någon css-placering. Jag fick inte till det om jag försökte styla td:n heller.
Men om du kör
<td><span style="float: left">Rubriken</span><span style="float:right">Tiden</span></td>
Så skall det fungera utan linebreak.
wally_91Medlem sedan feb. 2006511 inlägg Jag tror att jag löste det.
Jag använder mig av två divar inuti cellen så att det blir så här.
<td><div style='float: left;'>Rubriken</div><div style='float: right;'>Tiden</div></td>
Fast ovannämnda förslag funkar också :)
colioneMedlem sedan juni 20014 421 inlägg Bättre att göra såhär:
<html>
<head>
<style>
.forum_title{font-weight: bold; width:300px}
.forum_title p {float:left;margin:0px;padding:0px}
.forum_title p.date {float:right;}
</style>
<title>
</title>
</head>
<body>
<table>
<tr>
<td class="forum_title"><p>min tråd</p><p class="date">2007-05-05 13:51:00</p></td></tr>
</table>
</body>
</html>
Alternativt en snyggare lösning, som inte funkar i ie6:
<html>
<head>
<style>
.forum_title{font-weight: bold; width:300px}
.forum_title p {float:left;margin:0px;padding:0px}
.forum_title p+p {float:right;}
</style>
<title>
</title>
</head>
<body>
<table>
<tr>
<td class="forum_title"><p>min tråd</p><p>2007-05-05 13:51:00</p></td></tr>
</table>
</body>
</html>
