Stránka 1 z 1
Tvorba webu pozadí li
Napsal: 09 led 2012 13:04
od 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.
Re: tvorba webu pozadí li
Napsal: 09 led 2012 13:12
od 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)
Re: tvorba webu pozadí li
Napsal: 09 led 2012 13:12
od 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.
Re: tvorba webu pozadí li
Napsal: 09 led 2012 13:15
od 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.
Re: Tvorba webu pozadí li
Napsal: 09 led 2012 14:38
od 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);
}
Re: Tvorba webu pozadí li Vyřešeno
Napsal: 09 led 2012 15:18
od 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.
Re: Tvorba webu pozadí li
Napsal: 09 led 2012 16:19
od 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