Avatar billede melange Nybegynder
28. marts 2004 - 23:37 Der er 6 kommentarer og
1 løsning

Placere <div> ved siden af hinanden

Sidder og leger med et design til min helt private, og for andre, røvkedelige side :)
Jeg ved ikke rigtigt hvordan jeg skal starte, så jeg starter bare med et link: http://www.knast.dk/index.phtml
Som i kan se står de 3 (fremtidige) menupunkter under hinanden :/
Hvordan får jeg dem op, så de står ved siden af hinanden (og beholder dem i hver sin <div>) ? Koden til menuen ser sådan her ud (så slipper i for at grave)

<div id="menu">
    <div>About</div>
    <div>Articles</div>
    <div>Stuff</div>
</div>

hmm...måske var jeg lidt kortfatted, og lidt (i.e. meget) klumpet med mit sprog, men klokken er 23:40 og jeg vil i seng nu :)
Avatar billede skovenborg Nybegynder
28. marts 2004 - 23:49 #1
Prøv:
<div id="menu">
    <div style="float:left">About</div>
    <div style="float:left">Articles</div>
    <div style="float:left">Stuff</div>
</div>
Avatar billede melange Nybegynder
29. marts 2004 - 10:36 #2
mange tak. style="float:left" var ikke helt nok, men kombineret med "width: 33%;" virker det perfekt :D

<div id="menu">
    <div style="float: left; background: #660066; width: 33%;">About</div>
    <div style="float: left; background: #66FFCC; width: 33%;">Articles</div>
    <div style="float: left; background: #0033FF; width: 33%;">Stuff</div>
</div>
Avatar billede melange Nybegynder
29. marts 2004 - 10:37 #3
og hvis du smider et svar ville det også væremuligt at lukke :)
Avatar billede skovenborg Nybegynder
29. marts 2004 - 16:28 #4
værsgo' :-)
Avatar billede Slettet bruger
03. april 2004 - 14:51 #5
Bare for sjov skulle du se på http://www.alistapart.com/articles/taminglists

Det er jo en slags liste, du er ved at lave, så hvorfor ikke bruge den passende HTML til det? ;-)
Avatar billede melange Nybegynder
03. april 2004 - 15:30 #6
sandbox: tusind tak. Super artikel!
Avatar billede Slettet bruger
03. april 2004 - 17:47 #7
Og der er mange andre gode på http://www.alistapart.com/ så der er nok at læse.

For eksempel er http://www.alistapart.com/articles/slidingdoors2/ og http://www.alistapart.com/articles/slidingdoors/ også lidt relevante for din situation. Og hvis du vil gå helt over bord, så er der også http://www.alistapart.com/articles/imagemap/
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