Gå til innhold

Får ikke én h1 og 2 divs på samme linje


Anbefalte innlegg

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 av fUzZy^
Lenke til kommentar
Videoannonse
Annonse

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 av -morten
Lenke til kommentar

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 konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...