3 svar · 497 visningar · startad av wally_91
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
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.
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å 
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>