Får ikke samkjørt "DIVene"

[dot_]

Jeg forsøker å dele en liste i to deler; "venstre" og "høyre" skal bære disse på sine rygger. Er det en grunnleggende feil i kodingen min, da listen kun legger seg i venstre-div?

 

 

<div id="venstre">

<div id="liste">
<ul>

</ul>
</div>

<div id="hoyre">

<div id="liste">
<ul>

</ul>
</div>

Endret 3. mai 2007 av dot_

[Arve Systad]

Om det er den fullstendige koden din så manglar du iallefall </div> i botnen av dokumentet.

 

Ellers er der jo ei liste i kvar div, så eg ser heilt ærleg ikkje problemet.

Lenke til dokumentet, gjerne med litt eksempelfyll?

[dot_]

http://www.driftingclouds.net/index.html

http://www.driftingclouds.net/layout1.css

 

Hvordan kan jeg da opprette en tilsvarende div til høyre for min #content?

[Ståle]

Ser ikke at du har float:right; noen steder.

[Arve Systad]

Om du skal ha ting atmed kvarandre, kan du gjere det så enkelt som:

 

<div>
Blablabla. Denne blir til venstre.
</div>

<div>
Blablabla, denne blir til høgre.
</div>

=========== CSS ============

div { float: left; width: 400px; }

 

...om du skjønte konseptet der

[robgar]

Jeg forsøker å dele en liste i to deler; "venstre" og "høyre" skal bære disse på sine rygger. Er det en grunnleggende feil i kodingen min, da listen kun legger seg i venstre-div? 

 

 

<div id="venstre">

[B]<div id="liste">[/B]
<ul>

</ul>
</div>

<div id="hoyre">

[B]<div id="liste">[/B]
<ul>

</ul>
</div>

8533080[/snapback]

 

 

Du har satt iden på to div'er til det samme, det går ikke. Skal du ha de samme egenskapene på flere diver bruker du ikke id, men class.

 

 

I css fila bytter du ut # med .

og i html id med class

[dot_]

Takk for svar!

 

Du har satt iden på to div'er til det samme, det går ikke. Skal du ha de samme egenskapene på flere diver bruker du ikke id, men class.

 

 

I css fila bytter du ut # med .

og i html id med class

8559567[/snapback]

 

Er det jeg som roter nå da?

 

CSS:

}

.liste {
 
width: 420px;

}

.liste ul {

width: 420px;
list-style-type: none;

}

.liste li a {

color: #333;
width: 420px;

}

.liste li a:hover {
background: #F7F7F7;
color: black;

}

.liste li img {
border: 0px;

}

.displayed { padding-left: 10px; 

}

 

HTML:

<div id="col3"> 

<div class="liste">
<ul>
<li> <a href="ingoodcompany.html"> In Good Company (2004) </a> <IMG class="displayed" src="3star.gif" alt="left"> </li>
</ul>

</div>

[dot_]

Nå fjernet jeg

<div class="liste"> og <ul>

og vips - vinduene samsvarer som de skal og teksten ligger fint på samme linje.

 

Hva kommer dette av?

[robgar]

For det første så mangler du en </div>

 

Du kan prøve å sette margin på ul, li og a til o (

margin: 0; se om det hjelper...