Avatar billede sun Nybegynder
05. november 2008 - 13:41 Der er 6 kommentarer og
1 løsning

CSS, text skud lidt op

Kan nogle rette min CSS så jeg ikke skal bruge et table, til at få det til at se ud som det gøre nu.

hvis det er muligt :-)

mvh Johan

<html>
<head>
<style type="text/css">
<!--
.style2 {font-size: 18px;}
.style3 {font-size: 11px; font-weight: bold;}
.style4 {font-size: 11px;}
-->
</style>
</head>
<body>
<table border="0" cellpadding="3" cellspacing="0">
<tr>
<td valign="top"class="style2">599</td>
<td valign="top"class="style3">00</td>
<td valign="bottom" class="style4">dkk</td>
</tr>
</table>
</body>
</html>
Avatar billede ssv Nybegynder
05. november 2008 - 14:31 #1
Hvorfor ikke bruge tabellen? Den egner sig da fint til netop det der :-)?
Avatar billede sun Nybegynder
05. november 2008 - 14:41 #2
ja, måske ville bare godt se om jeg bare kunne klare det samme med CSS, og så ungår en del kode da det er til en pris liste... :-)
Avatar billede zips Juniormester
05. november 2008 - 15:48 #3
Måske noget i denne stil

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style2 {font-size: 18px;}
.style3 {font-size: 11px; font-weight: bold;vertical-align:text-top;}
.style4 {font-size: 11px;}
-->
</style>
</head>
<body>
<div>
<span class="style2">599</span>
<span class="style3">00</span>
<span class="style4">dkk</span>
</div>
</body>
</html>
Avatar billede sun Nybegynder
05. november 2008 - 17:23 #4
Jeps!, men er der nogle grund til <div> ? og virker det i alle browsers?

og er der en måde at få den lagt style 2 og 3 sammen til en style? tænker på noget med "first word" men det betyder ikke noget - er bare nysgerrige!
Avatar billede zips Juniormester
05. november 2008 - 17:38 #5
Prøv at valider det uden div, så vil du få at vide hvad du kan sætte uden om, jeg har blot lagt det i en div men kunne også være i et <p></p>

Hvis det skal ligge i samme style vil jeg mene du måske kan lave det i javascript, men det kan jeg ikke hjælpe med :(

Det er testet i IE6, IE7, FF3, Opera, Safari, Slepnir og Chorme
Avatar billede olebole Juniormester
08. november 2008 - 21:00 #6
<ole>

"ville bare godt se om jeg bare kunne klare det samme med CSS" >> Det kan du ikke. CSS er et styling-sprog, som ikke kan erstatte HTML-elementer.

"og så ungår en del kode da det er til en pris liste..." >> Netop til den slags opgaver anbefaler W3C, at du bruger en tabel. Ellers ødelægger du ofte tilgængeligheden for blinde, svagtseende og andre, som bruger ikke-browser klienter - og det kan være yderst vanskeligt at få øje på kodebesparelsen ved at sløjfe tabellen  ;o)

/mvh
</bole>
Avatar billede sun Nybegynder
13. november 2008 - 17:37 #7
Ole, Ja det kan jeg godt se... tak for bidraget... tror jeg bare beholder det først jeg havde... men tak begge..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester