Avatar billede zbirn Nybegynder
12. maj 2003 - 12:07 Der er 11 kommentarer

Problemer med <span> og <div>

Hej, når jeg formatere teksten med CSS via <span> (<span class="ting">bla bla</span>), bliver formateringen ignoreret. Men så snart jeg gør det med <div> (<div class="ting">bla bla</div>), så er der ingen problemer..
Det skal siges at jeg godt kan ændre størrelse, font og farve med <span>, men så snart jeg vil lave en anden justering af teksten, så kan jeg kun gøre det med <div>.
Og det er jo lidt irriterende, når nu <div> laver et efterfølgende linebreak.
Avatar billede tipsen Nybegynder
12. maj 2003 - 12:27 #1
Tjah - det er nok irriterende for dig, men det er vist mest fordi du ikke forstår box-modellen i CSS - Du kan ikke ændre justeringen af tekst indeholdt i <span> tags da de er inline elementer - dvs. boksen der indeholder dem ikke indeholder andet - så ligegyldigt om du laver højre eller venstre justering sker der ikke noget fordi teksten går allerede ud til både venstre og højre kant i den boks der indeholder teksten.

Læs følgende og find ud af hvorfor det måske alligevel er smart:

http://www.w3.org/TR/REC-CSS2/box.html
http://www.w3.org/TR/REC-CSS2/visuren.html
http://www.w3.org/TR/REC-CSS2/visudet.html
Avatar billede zbirn Nybegynder
12. maj 2003 - 22:05 #2
okay. forstår det nu, men stadig lamt med det linebreak :/
Avatar billede tipsen Nybegynder
12. maj 2003 - 22:27 #3
Så slå det fra... - og så har du jo lavet et div om til span og kan igen ikke bruge alignment.
Avatar billede zbirn Nybegynder
13. maj 2003 - 01:04 #4
hihi.. alt jeg søger er bare et tag alá <div>, uden linebreak.
men tak for hjælpen ellers.
Avatar billede tipsen Nybegynder
13. maj 2003 - 09:17 #5
Hvordan vil du aligne noget, hvis der alligevel kommer tekst bagved...
Avatar billede tipsen Nybegynder
13. maj 2003 - 09:18 #6
-og et div-tag uden linebreak er faktisk bare span...
Avatar billede zbirn Nybegynder
13. maj 2003 - 16:03 #7
er ikke  helt med.. men som jeg forstår det, så burde jeg skrive:
<div style="text-align: right;"><span class="ting">bla bla</span></div>
eller:
<div class="ting">bla bla</div>
for spantagget i princippet er overflødigt, når man vel ligeså godt kan skrive teksten mellem <div>'erne.
Avatar billede tipsen Nybegynder
13. maj 2003 - 23:46 #8
eller hvad med

<div style="text-align: right;" class="ting">bla bla</div>

-så har du begge dele på én gang!
Avatar billede zbirn Nybegynder
14. maj 2003 - 07:18 #9
hehe... jeg havde selvfølgelig tænkt mig at skrive text-align: right; i classen :)
Avatar billede tipsen Nybegynder
14. maj 2003 - 10:51 #10
Kan du evt. illustrere på en webside, hvad det er for et layout du ønsker - det kan garanteret lade sig gøre - måske bare ikke som du tror!

Du kan evt. tegne et grafikbillede der har den opsætning du ønsker...
Avatar billede zbirn Nybegynder
14. maj 2003 - 16:51 #11
jeg har skam det design jeg ønsker... ville bare ikke rbuge <div> til at lave det med, men det går nok.
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