Bilde i listeelementer - virker men validerer ikke

Crossfire · 11. juli 2007

Hei, jeg har fått dette til å virke, men det validerer ikke på http://validator.w3.org/

Har prøvd å tegne problemstillingen her:

Validatoren klager over at jeg ikke kan ha div midt i lister. Hvordan kan jeg gjøre dette slik at det validerer?

Doctype:

<?xml version="1.0" encoding="iso-8859-1"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Kode:

Jeg legger ikke ved all koden, bare det som er relevant for problemet. (Jeg bruker ikke background-image fordi poenget er at bildet skal strekke seg til størrelsen på menyen).

<div id="wrap">
<div id="menu">
	<ul>
		<li>
			<a href="#">FLYOUT1</a>
			<ul>
				<div id="subbackground">
					<img src="bg.png" width="100%" height="100%" alt="" />
				</div>
				<div id="sub">
					<li><a href="#">CHOICE1</a></li>
					<li><a href="#">CHOICE2</a>s</li>
				</div>
			</ul>
		</li>
	</ul>
</div>
</div>

style:

------------------

div#subbackground {

width: 100%;

height: 100%;

position: absolute;

z-index: 4;

}

div#sub {

width: 100%;

height: 100%;

position: relative;

z-index: 5;

}

Endret 11. juli 2007 av Crossfire

Ståle · 11. juli 2007

Istedenfor en <div>, prov med en <ul>

Crossfire · 11. juli 2007

Fungerer ikke, det skaper bare et nytt undernivå. Det er inne i <ul>-en at jeg vil ha et bilde (men altså bak alle <li>-elementene). Men for å skille z-index mellom bildet og elementene (<li>), må jeg pakke de inn i noe så vidt jeg vet.

Kim T · 11. juli 2007

kan du ikke bruke noe slikt da.

<ul>
<li><a>Her kommer linken <span class="bilde"></span</a></li>
<ul>

Vet ikke helt om jeg skjønner hva du mener?

kim

Arve Systad · 12. juli 2007

Du har DIV- og IMG-element direkte i UL, som ikkje går. Prøv å fiks litt på det først

Crossfire · 13. juli 2007

kan du ikke bruke noe slikt da.
<ul>
<li><a>Her kommer linken <span class="bilde"></span</a></li>
<ul>
Vet ikke helt om jeg skjønner hva du mener?

kim

9053029[/snapback]

Nei desverre det vil legge et bilde kun i ett element, jeg trenger et bilde som går under alle elementene.

Du har DIV- og IMG-element direkte i UL, som ikkje går. Prøv å fiks litt på det først

9059304[/snapback]

Det er vel ca det jeg spør om, hvordan kan jeg unngå det og samtidig beholde bildet der det er nå

Kim T · 13. juli 2007

hvorfor ikke gjøre noe slikt da:


.subbackground {
background-image: "url til det bildet du skal bruke";
}

<ul>
<li></li>
               <!-- Submeny -->
               <li><ul class="subbackground">
               <li></li>
               <li></li>
               <li></li> 
               </ul></li>
<li></li>
<li></li>
</ul>

Tror dette skal fungere iallefall :blush:

Kim

Logg inn

Bilde i listeelementer - virker men validerer ikke

Anbefalte innlegg

Crossfire

Videoannonse

Ståle

Crossfire

Kim T

Arve Systad

Crossfire

Kim T

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer