Tvorba webu pozadí li Vyřešeno

[Gurmán]

Dobrý den ve škole máme za úkol vytvořit web pomocí css, ale zasekl jsem se u toho, že mi nefunguje když vytvořím menu pomocí ul a li a do css dám
#menu li
{
display:inline-block;
background: url(images/all.jpg);
}

tak se mi pozadí nezobrazí nevíte v čem je chyba.

[Reklama]

[CZechBoY]

asi to nenašlo ten obrázek
zkoušej to radši s barvama, takže tam dej místo tý cesty třeba black a budeš mít černé pozadí (funguje jakákoliv jiná anotace)

[Myloš]

Nemáš špatně adresu toho obrázku? Je-li soubor se stylem v jiném adresáři než soubor html, může být chyba v adrese – ta se totiž vztahuje k souboru, z něhož obrázek voláš. Umístění samotného html pak nehraje roli.

Pokud i tak problém přetrvává, umísti to někam na web a dej odkaz.

[preclik]

trošku nám to přibliž.adresářovou strukturu, jestli to máš v externím css nebo přímo v html souboru nastylováno, ať ti můžem pomoct třeba s tou adresou k tomu obrázku.

[Gurmán]

cesta není určitě špatná a obrázek je taky v pohodě, jenom jestli to není špatný způsob zápisu nebo se mi tam něco nekříží, čistě barvy fungují.

--- Doplnění předchozího příspěvku (09 Led 2012 14:43) ---

http://195.113.171.140/~navratil/

v odkazu dejte zobrazit zdrojový kod, je to tam jednoduše

Kód je moc dlouhý, pro vyšší přehlednost jsem ho dal do spoileru. Stačí rozkliknout. Myloš

► Zobrazit spoiler

#odkaz
{
background: url (images/all.jpg);
width:150px;
height:50px;
}

#nevim
{
text-align:left;
margin-left:11px;
margin-top:11px
}


#nadpis
{
text-align:left;
margin-left:11px;
margin-top:11px;
}

#text
{
text-indent:20px;
text-align:left;
margin-left:11px;
font-size:13px;
margin-right:12px;


}


#autor
{
background:url(images/ja.jpg);
width: 480px;
height: 800px;
margin: 0 auto;
}


#tabulka
{
margin: 0 auto;
text-align="center";
width: 75%;
height: 160px;
color="black";
margin-bottom:20px;
float:right;
margin-top:20px;
}

#mobilenet
{
text-align: center;
background: url(images/logo1.jpg) no-repeat ;
}


#svetandroida
{
text-align: center;
background: url(images/logo1.jpg) no-repeat ;
}


#androidmarket
{
text-align: center;
background: url(images/logo2.jpg.png) no-repeat ;
}

#mobilmania
{
text-align: center;
background: url(images/logo.png) no-repeat ;
}


#vše
{
width: 1200px;
margin-top: 0px;
margin: 0 auto;
text-align: center ;
background: url(images/pozadia.jpg);

}



body {
background: black;
font: 12px Arial, Helvetica, sans-serif;
text-align: center;
margin: 0 auto;
margin-top:0px;
}

#hlavicka
{
text-align: center;
margin: 0 auto;
margin-top:40px;
margin-bottom:50px;
background: url(images/htc-sensation-xl_c1.jpg) no-repeat;
height: 314px;
text-decoration: none;
width: 1024px;
}

#menu
{
width: 20%;
float:left;
margin-left: 10px;
margin-bottom: 10px;
border: 2px solid white;
}



#menu ul {
list-style: none;
}

#menu li {

display:inline-block;
}

#menu a {
float: left;
width: 150px;
height: 50px;
color:black;
text-align: left;
text-decoration: none;
font-weight: bold;
font-size: 14px;
padding-top: 18px;
text-transform: uppercase;
}

#a:hover {
width: 120px;
height: 50px;
color: blue;
text-align: left;
text-decoration: none;
font-weight: bold;
font-size: 14px;
padding-top: 18px;
text-transform: uppercase;
}

#textmenu
{
background-color:white;
width:75%;
margin: 0 auto;
float:right;
margin-right:20px;
margin-bottom:20px;
}


#patička
{
font-size:11 px;
background: #696969;
margin-top:20px,
}


#textmenu1
{
background-color:white;
width:75%;
margin: 0 auto;
float:right;
margin-top:20 px;
margin-right:20px;
margin-bottom:30px;
}

#text1
{
text-indent:20px;
text-align:left;
margin-left:11px;
font-size:13px;
margin-right:12px;

}

#zkoužka
{
float:left;
width:18%;
background:white;
margin-top:171 px;
width:171px;
height:648px;
margin-left:20px;
margin-bottom:20px;
background: url(images/výstřižek.jpg);
}

#zkoužka2
{
float:left;
width:18%;
background:white;
margin-top:171 px;
width:171px;
height:648px;
margin-left:20px;
margin-bottom:20px;
background: url(images/výstřižek.jpg);
}

[Myloš]

soubor pozadia.jpg, na který odkazuješ v #vše, neexistuje, na serveru je bez toho -a- na konci: pozadi.jpg.
Soubory all.jpg a výstřižek.jpg taktéž neexistují (a nevím, jestli mají jen jiné jméno, nebo chybějí vůbec).
Krom toho používat v názvech selektorů nebo souborů diakritiku (#vše, #zkoužka2, výstřižek.jpg) bych se opravdu neodvažoval.

Ještě bych doplnil – podle ~vlnovky v URL hádám, že jde o linuxový server – v takovém případě pozor na záměnu malých/VELKÝCH písmen, bo linux je case sensitive.

[Gurmán]

Myloš pozadí je naschvál celé černé, předtím jsem to dělal jinak, obrázky pozadí existují ale vy se k nim nemáte jak dostat, prosím o shovívavost moje 1. www, už to nějak dořeším sám dík