Torjus Skrevet 26. juni 2006 Del Skrevet 26. juni 2006 (endret) Hei, sliter med å få én h1 og 2 divs på samme linje... Link: http://www.thinkfuzzy.net/rust/ HTML: Skjult tekst: (Marker innholdet i feltet for å se teksten): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Thinkfuzzy.net</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="lightbox.js"></script> </head> <body> <div id="bg"> <div id="wrap"> <h1><span id="borte">Venstreheader</span></h1> <div id="meny"> <div id="overhjem"><span class="borte"> overhjem </span></div> <a href="index.php" id="hjem"><span>hjem</span></a> <a href="ommeg.html" id="ommeg"><span>om meg</span></a> <a href="bilder.html" id="bilder"><span>bilder</span></a> <a href="gjestebok.php" id="gjestebok"><span>gjestebok</span></a> <a href="kontakt.php" id="kontakt"><span>kontakt</span></a> <div id="underkontakt"><span class="borte"> underkontakt </span></div> </div> <div id="hoyreheader"></div> <div id="main"> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus eu neque at nisl commodo porttitor. Integer sed libero id ligula commodo placerat. Praesent vitae ligula. Sed congue feugiat lectus. Ut ut odio. Donec posuere auctor justo. Aenean varius auctor nunc. Curabitur orci ante, aliquet quis, ornare nec, pulvinar sed, elit. Pellentesque est dui, rhoncus at, pretium at, ullamcorper sit amet, ante. Morbi pede. Fusce at urna. Morbi tristique velit ut lorem. Ut at dui a sapien suscipit feugiat. Praesent imperdiet sem. Nulla facilisi. Quisque vel sapien. </p> <?PHP include("cutenews/show_news.php"); ?> </div> </div> <div id="footer"></div> </div> </body> </html> CSS: http://www.thinkfuzzy.net/rust/style.css Det jeg vil er at h1, meny og hoyreheader skal komme på linje, nå er de oppåhverandre. Hvordan gjør jeg dette? EDIT: Jeg fikk hoyreheader opp nå, men hvordan får jeg resten opp? La til dette for å få den opp: display: inline; float: left; Endret 26. juni 2006 av fUzZy^ Lenke til kommentar
-morten Skrevet 26. juni 2006 Del Skrevet 26. juni 2006 (endret) display: block; betyr at den bruker hele linja med mindre du spesifiserer en width. Og hvis to blocker skal ved siden av hverandre, må de begge ha float. Selv om width-en sier at de ikke lenger bruker hele linja. Alle header-tagene, paragrafer og div er block som default. display: inline; betyr at de er inline, altså ligger inni noe annet. bold, italic og underline er feks inline som default. To ting som er inline ved siden av hverandre vil vises på samme linje. Så inline og float sammen gir ikke så mye mening der. Les noen artikler om CSS-greiene display, float og clear, så du skjønner det ordentlig. Blir mye lettere å lage ting da. Endret 26. juni 2006 av -morten Lenke til kommentar
Torjus Skrevet 27. juni 2006 Forfatter Del Skrevet 27. juni 2006 Sånn. Fant ut av det Takk for hjelpa -morten Lenke til kommentar
Anbefalte innlegg
Opprett en konto eller logg inn for å kommentere
Du må være et medlem for å kunne skrive en kommentar
Opprett konto
Det er enkelt å melde seg inn for å starte en ny konto!
Start en kontoLogg inn
Har du allerede en konto? Logg inn her.
Logg inn nå