| Autor | Zpráva | ||
|---|---|---|---|
| PN7 Profil |
#1 · Zasláno: 3. 3. 2011, 09:14:29
Zdravím,
vysouvací menu (PRODUKTY) se posouvá o zhruba 2 cm do prava a už mne nenapadá řešení, jak ho zarovnat přímo pod vrchní buňku. Děkuji. [url=www.vinyly.ic.cz/produkty.html]Odkaz[/url] #outside{
border:1px solid #000000;
background:#000000;
}
#navigation-1 {
padding:1px 0;
margin:0px;
list-style:none;
width:100%;
height:25px;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
font:normal 12pt times new roman, verdana, arial, helvetica ;
}
#navigation-1 li {
margin:0;
padding:0;
display:block;
float:left;
position:relative;
left: 22%;
width:148px;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
padding:4px 0;
display:block;
text-align:center;
text-decoration:none;
background:#000000;
color:#E1B950;
width:148px;
height:13px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
padding:4px 0;
display:block;
text-align:center;
text-decoration:none;
background:#666666;
color:#E1B950;
width:146px;
height:13px;
border-left:1px solid #000000;
border-right:1px solid #000000;
}
#navigation-1 li ul.navigation-2 {
margin:0;
padding:1px 1px 1;
list-style:none;
display:none;
background:#ffffff;
width:146px;
position:absolute;
top:21px;
left:-1px;
border:1px solid #000000;
border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
display:block;
}
#navigation-1 li ul.navigation-2 li {
width:146px;
clear:left;
width:146px;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
clear:left;
background:#000000;
padding:4px 0;
width:146px;
border:none;
border-bottom:1px solid #000000;
position:relative;
z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
clear:left;
background:#666666;
padding:4px 0;
width:146px;
border:none;
border-bottom:1px solid #000000;
position:relative;
z-index:1000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
display:none;
margin:0;
padding:0;
list-style:none;
position:absolute;
left:145px;
top:-2px;
padding:1px 1px 0 1px;
border:1px solid #000000;
border-left:1px solid #000000;
background:#ffffff;
z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
background:#000000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
background:#666666;
}
#navigation-1 li ul.navigation-2 li a span {
position:center;
top:0;
left:132px;
font-size:12pt;
color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
position:absolute;
top:0;
left:132px;
font-size:12pt;
color:#ffffff;
} |
||
| PN7 Profil |
#2 · Zasláno: 3. 3. 2011, 10:52:15
koukám, pomoz si sám :-)
Pokud by někoho zajímalo, tak jedna z možností je : #outside{
border:1px solid #000000;
background:#000000;
}
#navigation-1 {
padding:1px 0;
margin:0px;
list-style:none;
width:100%;
height:25px;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
font:normal 12pt times new roman, verdana, arial, helvetica ;
}
#navigation-1 li {
margin:0;
padding:0;
display:block;
float:left;
position:relative;
left: 22%;
width:148px;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
padding:4px 0;
display:block;
text-align:center;
text-decoration:none;
background:#000000;
color:#E1B950;
width:148px;
height:13px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
padding:4px 0;
display:block;
text-align:center;
text-decoration:none;
background:#FFFF99;
color:#E1B950;
width:146px;
height:13px;
border-left:1px solid #000000;
border-right:1px solid #000000;
}
#navigation-1 li ul.navigation-2 {
margin:0;
padding:1px 1px 0px;
list-style:none;
display:none;
background:#000000;
width:146px;
position:absolute;
top:21px;
left:-33px;
border:1px solid #000000;
border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
display:block;
}
#navigation-1 li ul.navigation-2 li {
width:146px;
clear:left;
width:146px;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
clear:left;
background:#000000;
padding:4px 0;
width:146px;
border:none;
border-bottom:1px solid #000000;
position:relative;
z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
clear:left;
background:#FFFF99;
padding:4px 0;
width:146px;
border:none;
border-bottom:1px solid #000000;
position:relative;
z-index:1000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
display:none;
margin:0;
padding:0;
list-style:none;
position:relative;
left:145px;
top:-2px;
padding:1px 1px 0 1px;
border:1px solid #000000;
border-left:1px solid #000000;
background:#000000;
z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
background:#000000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
background:#FFFF99;
}
#navigation-1 li ul.navigation-2 li a span {
position:center;
top:0;
left:132px;
font-size:12pt;
color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
position:absolute;
top:0;
left:132px;
font-size:12pt;
color:#000000;
} |
||
|
Časová prodleva: 13 let
|
|||
0