Gå til innhold

Bilde i listeelementer - virker men validerer ikke

Crossfire

Anbefalte innlegg

Crossfire

Crossfire

Skrevet
Skrevet (endret)

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

 

Har prøvd å tegne problemstillingen her:

 

bgmenuexplanationyo9.png

 

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">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="no">

 

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

Videoannonse

Videoannonse
Annonse
Crossfire

Crossfire

Skrevet
  • Forfatter
Skrevet
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å :)

Lenke til kommentar
Kim T

Kim T

Skrevet
Skrevet

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

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å
Gå til emneliste
×
×
  • Opprett ny...