Autor Zpráva
DethLev
Profil *
Ahoj všem

Prosím o radu. Mám pár otázek ohledně CSS. Jsem začátečník.

Mám v externím souboru stylový předpis na layout a na menu.

LAYOUT:

#hlavni {
width: 760px;
margin: 0 auto 0 auto;
border: 1px solid black;}
#head {
height: 20px;
border-bottom: 1px solid black;}
#banner {
height: 100px;
border-bottom: 1px solid black;}
#menu {
width: 20%;
float: left;}
#obsah {
width: 79%;
float: right;
border-left: 1px solid black;}
#end {
height: 20px;
border-top: 1px solid black;
clear: both;}

MENU:

a.tlacitko{
border-bottom : 1px solid silver;
background-color : #E9E9E9;
font-size : 10pt;
font-family :Verdana;
width : 160px;
padding : 2px 10px 2px 5px;
color : #666666;
margin : 0px 0px 0px 0px;
display : block;
}

a.tlacitko:link{
text-decoration: none;
color : #666666;
}

a.tlacitko:visited{
text-decoration: none;
color : #666666;
}

a.tlacitko:hover{
text-decoration: none;
border-bottom : 1px solid silver;
background-color : silver;
color : gray;
}


Když tedy vytvořím dokument s layoutem a do jeho části menu dám MENU, zobrazuje se to v MSIE správně ale ve Firefoxu už to menu přesahuje doprava do obsahu.

Dále by mně zajímalo, jakým způsobem je možné zkloubit ten layout s nějakou grafikou pozadí.

Díky moc za případnou odpověď.
Paulí
Profil
nedávej tam nic v pixelech ale v procentech
Taps
Profil
Můžeš si třeba dát do body nějaký proužek, kterému nastavíš background repeat-x nebo repeat-y . Tímto lze docílit docela pěkného efektu. Druhá možnost je použít divy, ty se také docela často používájí.
Doporučuji http://www.jakpsatweb.cz/css/background-repeat.html
Railbot
Profil
Druhá možnost je použít divy, ty se také docela často používájí.
Docela. Vždy :)
DethLev
Profil *
Pokud ale nebudu nic zadávat v pixelech, ale v procentech, co bude základem těch procent?
Railbot
Profil
DethLev
Pokud chceš mít pevnou šířku stránky, tak to zadávej samozřejmě v pixelech. Jinak při procentech se to bere z nadřazeného prvku. Když bude něco mít 90% šířku, tak je to 90% šířky nadřazeného prvku.
DethLev
Profil *
OK to znamená že #HLAVNI bude mít šířku v pixelech a ostatní už bude v procentech k HLAVNIMU.[bDÍKY[/b] budu zkoušet
DethLev
Profil *
díky :-)
Toto téma je uzamčeno. Odpověď nelze zaslat.

0