| Autor | Zpráva | ||
|---|---|---|---|
| breaKcz Profil |
#1 · Zasláno: 24. 5. 2010, 21:53:04
Prosím o pomoc... udělal jsem si menu podle navodu |zde| , ale zaboha nemužu přijít jako to vycentrovat skoušel jsem snad vse co me napadlo nebo co znam ale nic nezabralo je jak prizděny na levo stránky (vkládám ho do .php stránky). thx
|
||
| panther Profil |
#2 · Zasláno: 24. 5. 2010, 22:04:24
breaKcz:
o centrování bloků (i s neznámou šířkou) zde bylo napsáno mnoho, dohledej si. |
||
| breaKcz Profil |
#3 · Zasláno: 25. 5. 2010, 18:03:56
No hledal sem ... a asi je cesta display: inline-block.. jenze ho nedokazu spravne pouzit.. dam sem kod a znovu prosím, pomohl by jste mi to nekdo spravne srovnat?
echo " <ul class='menux uroven1'> <li class='polozka1'> <a href=''>xxxxx</a> <ul class='menux uroven2'> <li class='polozka2'><a href=''>sekce</a></li> <li class='polozka2'><a href=''>ve</a></li> <li class='polozka2'><a href=''>výstavbě</a></li> </ul> </li> ... <li class='polozka1'> <a href=''>xxxxx</a> <ul class='menux uroven2'> <li class='polozka2'><a href=''>sekce</a></li> <li class='polozka2'><a href=''>ve</a></li> <li class='polozka2'><a href=''>výstavbě</a></li> </ul> </li> <li class='polozka1y'> <a href=''>xxxxx</a> <ul class='menux uroven2'> <li class='polozka2'><a href=''>sekce</a></li> <li class='polozka2'><a href=''>ve</a></li> <li class='polozka2'><a href=''>výstavbě</a></li> </ul> </li> </ul> \n"; a css
.menux
{
padding: 0;
margin: 0;
}
.menux a
{
text-decoration: none;
color: #000;
display: block;
width: 100%;
text-align: center;
font: normal bold 12px Arial
}
.menux ul, .menux li
{
list-style-type: none;
margin: 0;
background: #cad9ea;
}
ul.uroven1 li.polozka1
{
float: left;
position: relative;
font-weight: bold;
line-height: 0px;
background: #cad9ea;
width: 120px;
height: 18px;
border: solid #a7c0dc 1px;
}
ul.uroven2
{
position: absolute;
left: 0;
top: 20px;
background: #cad9ea;
visibility: hidden;
border: solid #a7c0dc 1px;
width: 120px;
padding: .3em .5em;
}
ul.uroven2 li.polozka2 a
{
font-weight: normal;
text-align: center;
font: normal 12px Arial
}
.menux a:hover
{
color: #3399ff;
}
ul.uroven2 li.polozka2 a:hover
{
color: #3399ff;
}
ul.uroven1 li.polozka1
{
behavior: url(hovermenu.htc);
}
ul.uroven1 li.polozka1:hover,
ul.uroven1 li.polozka1Hover
{
}
ul.uroven1 li.polozka1Hover ul.uroven2,
ul.uroven1 li.polozka1:hover ul.uroven2
{
visibility: visible;
}
ul.uroven1 li.polozka1y
{
float: left;
position: relative;
font-weight: bold;
line-height: 0px;
background: #cad9ea;
width: 98px;
height: 18px;
border: solid #a7c0dc 1px;
}
|
||
|
Časová prodleva: 16 let
|
|||
0