Jak nastavit design pomocí css?
Dobrý den, mám dotaz ohledně kaskádových stylů. Potřebuji nastavit design, ale nevím, jak vložit jednotlivé části designu. Ve stylu mám všechno nadefinované (height, width, position,..) a teď nevím, jak napsat ten obrázek, zkoušela jsem background-image: url(o/zahlavi.jpg), v indexu mám div, ale pořád se mi nechce nic zobrazit. Mám udělané ohraničení 800x1000px zarovnané na střed do kterého chci části vložit, ale zobrazí se mi pouze barvy (background-color). Nevím, co tam mám špatně nebo jak jinak to napsat. Děkuji za odpověď.
Bez ukázky kódu taky nikdo z nás nepozná, co je špatně.
Nějaké tipy od boku - špatná definice stylu, špatná relativní cesta k souboru s obrázkem, velká/malá písmena v názvu...
body {
text-align:center;
}
#obalovaci {
position: relative;
width: 800px;
height: 1000px;
margin: auto;
border: 1px rgb(0,0,51) solid;
}
#zahlavi{
background-image: url("o/zahlavi.jpg");
position: absolute;
width:800px;
height:142px;
top: 0px;
left: 0px;
}
<div id=obalovaci>
<div id=zahlavi>
zahlavi
</div></div>
o/zahlavi.jpg - toto nie je správna cesta k obrázku, že?
../zahlavi.jpg?
záleží, kde je ten obrázok umiestnený... ja to neviem, vieš to iba Ty.
na ploše ve složce o
Uf, proč na Ploše?!
Ostatní soubory (html stránky, css stylopis) jsou taky na ploše?
taky, proč nemůžou být
Všetko je priamo na ploche, iba css je v priečinku o, ktorý je tiež na ploche?
Divné, ale "popereme se s tím"...
jj
potom asi takto:
"zahlavi.jpg"
pořád nic
Skús sem dať komplet kód súboru html, Tvoje fragmety/kúsky nehovoria nič a z popisov čo z Teba páčime sa to nedá...
Ak predpokladám, že súbor css sa volá napr. styles.css potom treba do súboru html pridať:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<link rel="stylesheet" href="style.css" type="text/css">
<title></title>
</head>
<body>
<div id=obalovaci>
<div id=zahlavi>
zahlavi
</div>
<div id=o1>
prvni odkaz
</div>
<div id=o2>
druhy odkaz
</div>
<div id=o3>
treti odkaz
</div>
<div id=o4>
ctvrty odkaz
</div>
<div id=o5>
paty odkaz
</div>
<div id=o6>
sesty odkaz
</div>
<div id=menu>
menu
<div id=page>
stranka
</div>
<div id=zapati>
zapati
</div>
</div> </div>
</body>
</html>
No a táto cesta je správna?
<link rel="stylesheet" href="style.css" type="text/css">
píšeš, že css je v zložke o... teda potom by to malo byť takto:
<link rel="stylesheet" href="o/style.css" type="text/css">
ale pořád se mi ten obrázek nezobrazuje
Skús F5 = refresh stránky v prehliadači, alebo si všetky súbory daj na plochu a nepoužívaj nikde cestu/zložku "o"...
už to jede, moc děkuju