Autor Zpráva
BananKo
Profil
Dobrý den.
Tady mám CSS kód:

<style>


.shadowblockmenu-v{
font: bold 14px Germand;
width: 190px; /* width of menu */
}

.shadowblockmenu-v ul{
border: 1px solid #eee;
padding: 0;
margin: 0;
list-style: none;
}

.shadowblockmenu-v ul li{
margin:0;
padding:0;
}

.shadowblockmenu-v ul li a{
display:block;
text-transform: uppercase;
color: #494949;
padding: 10px 15px;
text-decoration: none;
border-bottom: 1px solid #cacaca;
border-right: 1px solid #cacaca; /*right border between menu items*/
-moz-box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6); /* Add inset shadow to each menu item. First 3 values in (114,114,114, 0.5) specifies rgb values, last specifies opacity */
-webkit-box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6);
box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6);
text-shadow: 0 -1px 1px #cfcfcf; /* CSS text shadow to give text some depth */
-moz-transition: all 0.2s ease-in-out; /* Enable CSS transition between property changes */
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.shadowblockmenu-v ul li a:hover, .shadowblockmenu-v ul li a.selected{
color: black;
-moz-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8); /* Add 3 inset shadows to each menu item  */
-webkit-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8);
box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8);
}

</style>

A nevím si rady, jak celý "box" dát nějakou vzdálenost z leva a z vrchu, abych nad to mohl dát třeba logo atd...

Děkuji za odpovědi :)
margin
Profil *
Koukni na http://qu.wu.cz/webtest/jednoduche-schema-stranky.htm
CSS kód jsi sem vůbec nemusel dávat, stačilo napsat, že máš vetrikální menu.
BananKo
Profil
Dik za odpověď, ale vůbec nechápu co s tím ... :-D


Prosím nějakou jinou radu :)
Davex
Profil
BananKo:
jak celý "box" dát nějakou vzdálenost z leva a z vrchu
Podle potřeby nastavíš bloku nenulové hodnoty vlastností margin nebo padding.

bych nad to mohl dát třeba logo atd...
Proč potřebuješ pro umístění loga posouvat s menu a logo nedáš před něj?
BananKo
Profil
Když vyplnim margin a padding tak se my to cele zj*be... A posouvat s tim jde ale ty rámečky jsou pak blbě...


Aaa. Už jsem na to přišel. Stačilo napsat:

position: absolute;
left: px;
top: px;


Děkuji všem za odpovědi :)
margin
Profil *
Absolutní a relativní pozicování neví vhodné na stavbu layotu, hodí se jen pro zvláštní případy. Udělat správně stránku pozicováním umí málokdo. To je důvod, proč ti nikdo tři řádky kódu pro pozicování neporadil.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: