Problem med div

exess15 · 1. desember 2006

<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.0 Transitional//EN"

"http://www.w3.org/TR/REC-html40/loose.dtd">

<html>

<head>

<title> Haugaland Undervannsjegere -Bort fra land, ned i vann..</title>

<link rel="Stylesheet" href="Stylesheet.css" type="text/css">

</head>

<body>

<div align="center">

<img src="banner1.jpg" width="1000" height="200">

</div>

<hr>

<p><hr></p>

<div align="left"

<img src="menytag.jpg" width="200" height="50">

</div>

<div align="center"

<div id="boks";>Tekst</div>

</div>

<p><a class="one" href="index.html" target="_blank">-Hjem</a></p>

<p><a class="one" href="medlemmer.html" target="_blank">-Medlemmer</a></p>

<p><a class="one" href="informasjon.html" target="_blank">-Informasjon</a></p>

<p><a class="one" href="undervannjakt.html" target="_blank">-Undervannjakt</a></p>

<p><a class="one" href="utstyr.html" target="_blank">-Utstyr<a/></p>

<p><a class="one" href="http://home.chello.no/~srensen/Haugalandundervannsjegere/galleri/index.php/" target="_blank">-Galleri<a/></p>

<p><a class="one" href="kontaktoss.html" target="_blank">-Kontakt oss</a></p>

<p><a class="one" href="linker.html" target"_blank">-Linker</a></p>

<div align="left"

<p><img src="diversetag.jpg" width="200" height="50"</p>

<a href="http://www.frivannsliv.no"><img src="FVLlogo.gif" width="150" height="120"</a>

<p><b><a class="one" href="http://www.frivannsliv.no/NorskRekordliste.html" target="_blank">-Norsk rekordliste for Uv Jakt</a></p></b>

</div>

Som dere ser har jeg et lite problem, poenget er at div`en skal være ved siden av linkene, ikke at linkene skal være under..

KillYou · 1. desember 2006

har du satt float left/right i css filen?

exess15 · 1. desember 2006

Nei. har ikke det, hvor og hvordan skrives det? Er nybegynner skjønner du;D

/Jan Tore

KillYou · 1. desember 2006

skriv float: left på den diven som du vil ha til venstre og float:right på den andre

<div id="venstre"> hoved vindu </div>

</div>

CSS:

#wrap {

height: 100%;

width: 100%;

}

#venstre {

height: ??;

weight:??;

float: left;

}

#høyre {

height: ??;

weight:??;

float: right;

}

exess15 · 1. desember 2006

Takker

/Jan Tore

exess15 · 1. desember 2006

<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.0 Transitional//EN"

"http://www.w3.org/TR/REC-html40/loose.dtd">

<html>

<head>

<title> Haugaland Undervannsjegere -Bort fra land, ned i vann..</title>

<link rel="Stylesheet" href="Stylesheet.css" type="text/css">

</head>

<body>

<div align="center">

<img src="banner1.jpg" width="1000" height="200">

</div>

<hr>

<p><hr></p>

<div align="left"

<img src="menytag.jpg" width="200" height="50">

</div>

<div align="center"

<div id="boks";>Velkommen til våre nye hjemmesider!<hr></div>

</div>

<p><a class="one" href="index.html" target="_blank">-Hjem</a></p>

<p><a class="one" href="medlemmer.html" target="_blank">-Medlemmer</a></p>

<p><a class="one" href="informasjon.html" target="_blank">-Informasjon</a></p>

<p><a class="one" href="undervannjakt.html" target="_blank">-Undervannjakt</a></p>

<p><a class="one" href="utstyr.html" target="_blank">-Utstyr<a/></p>

<p><a class="one" href="http://home.chello.no/~srensen/Haugalandundervannsjegere/galleri/index.php/" target="_blank">-Galleri<a/></p>

<p><a class="one" href="kontaktoss.html" target="_blank">-Kontakt oss</a></p>

<p><a class="one" href="linker.html" target"_blank">-Linker</a></p>

<div align="left"

<p><img src="diversetag.jpg" width="200" height="50"</p>

<a href="http://www.frivannsliv.no"><img src="FVLlogo.gif" width="150" height="120"</a>

<p><b><a class="one" href="http://www.frivannsliv.no/NorskRekordliste.html" target="_blank">-Norsk rekordliste for Uv Jakt</a></p></b>

</div>

[/CUOTE]

Fikset forsovet selve problemet nå, men nå er diven helt til høyre:S

KillYou · 1. desember 2006

forandr float fra right til left på hoved vinduet

exess15 · 1. desember 2006

da skiftet linkene og diven side, med hovedvinduet mente du diven? riktig?

KillYou · 1. desember 2006

sleng opp utklipp fra cssen din da.

pluss nyeste html fil.

exess15 · 1. desember 2006

#boks {
height:600px;

width:600px;

background-color:#D9D9D9;

float: right;

}

<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.0 Transitional//EN"

"http://www.w3.org/TR/REC-html40/loose.dtd">

<html>

<head>

<title> Haugaland Undervannsjegere -Bort fra land, ned i vann..</title>

<link rel="Stylesheet" href="Stylesheet.css" type="text/css">

</head>

<body>

<div align="center">

<img src="banner1.jpg" width="1000" height="200">

</div>

<hr>

<p><hr></p>

<div align="left"

<img src="menytag.jpg" width="200" height="50">

</div>

<div align="center"

<div id="boks";>Velkommen til våre nye hjemmesider!<hr></div>

</div>

<p><a class="one" href="index.html" target="_blank">-Hjem</a></p>

<p><a class="one" href="medlemmer.html" target="_blank">-Medlemmer</a></p>

<p><a class="one" href="informasjon.html" target="_blank">-Informasjon</a></p>

<p><a class="one" href="undervannjakt.html" target="_blank">-Undervannjakt</a></p>

<p><a class="one" href="utstyr.html" target="_blank">-Utstyr<a/></p>

<p><a class="one" href="http://home.chello.no/~srensen/Haugalandundervannsjegere/galleri/index.php/" target="_blank">-Galleri<a/></p>

<p><a class="one" href="kontaktoss.html" target="_blank">-Kontakt oss</a></p>

<p><a class="one" href="linker.html" target"_blank">-Linker</a></p>

<div align="left"

<p><img src="diversetag.jpg" width="200" height="50"</p>

<a href="http://www.frivannsliv.no"><img src="FVLlogo.gif" width="150" height="120"</a>

<p><b><a class="one" href="http://www.frivannsliv.no/NorskRekordliste.html" target="_blank">-Norsk rekordliste for Uv Jakt</a></p></b>

</div>

/Jan Tore

KillYou · 1. desember 2006

sleng på en div rundt menyen og.

og bytt plass på menyen og "boks"

exess15 · 1. desember 2006

body {background-color: white; float: left;}
h1 {font: Arial; font-size:16pt;}

h2 {font: Arial; font-size: 16pt;}

p {font: Times New Roman; font-size: 14pt;}

a.one:link {color: blue; text-decoration: none; font-size: 100%;}

a.one:visited {color: red; text-decoration: none; font-size: 100%;}

a.one:hover {text-decoration: underline;}

#boks {

height:600px;

width:600px;

background-color:#D9D9D9;

float: right;

}

<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.0 Transitional//EN"

"http://www.w3.org/TR/REC-html40/loose.dtd">

<html>

<head>

<title> Haugaland Undervannsjegere -Bort fra land, ned i vann..</title>

<link rel="Stylesheet" href="Stylesheet.css" type="text/css">

</head>

<body>

<div align="center">

<img src="banner1.jpg" width="1000" height="200">

</div>

<hr>

<p><hr></p>

<div align="center"

<div id="boks";>Velkommen til våre nye hjemmesider!<hr></div>

</div>

<div align="left"

<img src="menytag.jpg" width="200" height="50">

</div>

<p><div align="left"

<p><a class="one" href="index.html" target="_blank">-Hjem</a></p>

<p><a class="one" href="medlemmer.html" target="_blank">-Medlemmer</a></p>

<p><a class="one" href="informasjon.html" target="_blank">-Informasjon</a></p>

<p><a class="one" href="undervannjakt.html" target="_blank">-Undervannjakt</a></p>

<p><a class="one" href="utstyr.html" target="_blank">-Utstyr<a/></p>

<p><a class="one" href="http://home.chello.no/~srensen/Haugalandundervannsjegere/galleri/index.php/" target="_blank">-Galleri<a/></p>

<p><a class="one" href="kontaktoss.html" target="_blank">-Kontakt oss</a></p>

<p><a class="one" href="linker.html" target"_blank">-Linker</a></p>

</div></p>

<div align="left"

<p><img src="diversetag.jpg" width="200" height="50"</p>

<p><a href="http://www.frivannsliv.no"><img src="FVLlogo.gif" width="150" height="120"</a></p>

<p><b><a class="one" href="http://www.frivannsliv.no/NorskRekordliste.html" target="_blank">-Norsk rekordliste for Uv Jakt</a></p></b>

</div>

Menytagen vil ikke vises.. Den forsvant plutselig..:S

/Jan tore

Ståle · 1. desember 2006

<div align="left" må endres til

Du har glemt å lukke taggen.

edit; bold viste ikke så godt på >

Endret 1. desember 2006 av Stale2k

Haraldson · 1. desember 2006

Hvorfor bruke align-attributten? Justering av elementer gjøres i CSS.

exess15 · 1. desember 2006

Lære seg 10 nye ting som faktisk er vanskeligere å huske?

Pluss at man må finne de tingene man må lære seg..

Ekstra arbeid?

/Jan Tore

Haraldson · 1. desember 2006

Hadde du tenkt å lære deg HTML og CSS uten litt 'ekstra arbeid'?

Ståle · 1. desember 2006

endre til <div style="text-align:left;"> så har du CSS

exess15 · 1. desember 2006

og det betyr at all text skal venstrestilles?

Ståle · 1. desember 2006

nei, det gjør det samme som <div align="left"> det som er inni <div>'en blir venstre stilit.

edit så også noen andre viktige feil.

<img>'taggene skal avsluttes med > eller /> hvis du bruker XHTML

<img src="FVLlogo.gif" width="150" height="120"

til : <img src="FVLlogo.gif" width="150" height="120">

eventuelt: <img src="FVLlogo.gif" width="150" height="120" />

<p>, paragraf, -taggen skal heller ikke brukes så mye. Den skal brukes når du har en paragraf med tekst.

Endret 1. desember 2006 av Stale2k

Haraldson · 1. desember 2006

endre til <div style="text-align:left;"> så har du CSS

og det betyr at all text skal venstrestilles?

Det er riktig, ja. Vet ikke helt hva trådstarter vil oppnå, men om diven skal ligge til venstre, er det float du bruker, i tillegg til at du må sette en width på diven for at det skal ha noe å si.

Problem med div

Anbefalte innlegg

Lenke til kommentar

Videoannonse

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

Hvem er aktive 0 medlemmer