Avatar billede trophymanager Nybegynder
07. februar 2005 - 17:07 Der er 9 kommentarer og
1 løsning

align af div bokse.

Jeg har 10 <div> der hver har en 10% længde. Hvordan får jeg disse alignet ved siden af hinanden, uden at angive en pixellængde? Det synes ikke at virke det jeg har gang i.

http://83.92.144.168/tm/menu.php?page=forside
Avatar billede trophymanager Nybegynder
07. februar 2005 - 17:10 #1
Som det ses er der forskel på længden når man browser mellem "forside" og "squad", samt den sidste knap er for langt ude :(
Avatar billede olebole Juniormester
07. februar 2005 - 18:26 #2
<ole>

For det første har du vist fundamentalt misforstået CSS. Hvorfor giver du hvert link en separat klasse?
Derudover er div-elementer jo block-level elementer - og introducerer derfor et linieskift. Det ville være noget smartere at lave med en tabel, som er beregnet til tabulleret tekst - og som W3C netop anbefaler til den slags løsninger.

Derudover bør du vide, at det i dag er langt dårligere at skrive XHTML end HTML. Faktisk bliver din side parsed som dårlig HTML4 - og ikke som XHTML. Det gør koden langt dårligere at læse for browserne:
    http://www.eksperten.dk/artikler/537
    http://www.eksperten.dk/artikler/538

/mvh
</bole>
Avatar billede trophymanager Nybegynder
07. februar 2005 - 18:59 #3
Heh, jeg troede de skulle have hver deres placering, de havde den samme klasse til at starte med. Men de sidder vel inde i div'en så det fint nok. Så vil jeg skifte tilbage til min tabel. Droppede den ellers for at prøve at lave det som standard ting :)
Der er ingen måde at venstre aligne divs?
Avatar billede olebole Juniormester
07. februar 2005 - 19:19 #4
Standard-måden er netop at bruge en tabel  ;o)
Det andet kommer anpå, hvad du mener med at 'venstre aligne'
Avatar billede trophymanager Nybegynder
07. februar 2005 - 19:36 #5
så de bliver vist sådan her:

<div><div><div><div>

i stedet for

<div>
<div>
<div>
<div>
Avatar billede olebole Juniormester
07. februar 2005 - 20:00 #6
Du kan give dem float:left - men dels er det altid en rigtig dårlig idé at bruge elementer på anden måde, end de er beregnet til og dels får du andre problemer.

Jeg er godt klar over, at du er blevet smittet med 'tabel-o-fobi' og 'XHTML-mani' ved at læse på nogle uvidende 'web-guruers' sider - og jeg er også klar over, at min kamp for at udbrede fornuft og viden og udrydde 'religiøs' mangel på samme er op ad bakke. Alligevel lyder mit råd:
Hvis du vil skrive den bedst mulige kode og virke professionel, så skriv HTML4.01-Strict - og brug en tabel til dine links. Alt andet signallerer, du ikke kender standarderne  :)
Avatar billede trophymanager Nybegynder
07. februar 2005 - 20:30 #7
:p

smid et svar.
Avatar billede olebole Juniormester
08. februar 2005 - 00:57 #8
Jeg er i tvivl om, hvad jeg skal lægge i din smiley(?)
Avatar billede trophymanager Nybegynder
08. februar 2005 - 14:25 #9
"Alt andet signallerer, du ikke kender standarderne."

Linien var bare meget sigende. Men man skal jo starte et sted. Har aldrig beskæftiget mig med css og standarder før for en uge siden.
Avatar billede olebole Juniormester
08. februar 2005 - 18:37 #10
Jamen, så er det jo helt fint. Hellere virke mere vidende end man er - end mere uvidende end man er  ;o)

Årsagen til, jeg skrev, som jeg gjorde, var nu, at der er skræmmende mange, som læser tutorials på nettet, der fortæller en bunke 'røverhistorier', fordi forfatterne ikke selv har forstået CSS- og markup-standarderne.
Det kommer der desværre en masse misforståelser ud af ... herunder en helt ubegrundet frygt for tabeller  :)
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