Autor | Zpráva | ||
---|---|---|---|
BananKo Profil |
#1 · Zasláno: 29. 3. 2013, 17:32:09
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 * |
#2 · Zasláno: 29. 3. 2013, 17:43:17
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 |
#3 · Zasláno: 29. 3. 2013, 17:50:12 · Upravil/a: BananKo
Dik za odpověď, ale vůbec nechápu co s tím ... :-D
Prosím nějakou jinou radu :) |
||
Davex Profil |
#4 · Zasláno: 29. 3. 2013, 19:25:58
|
||
BananKo Profil |
#5 · Zasláno: 29. 3. 2013, 19:43:26 · Upravil/a: BananKo
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 * |
#6 · Zasláno: 29. 3. 2013, 20:24:56
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.
|
||
Časová prodleva: 11 let
|
0