Проблем правилното позициониране на линковете в меню

tedo96

Registered
Здравейте,
Не написах заглавието по най-добрия начин, но както и да е...
Имам следното меню във фуутъра:
5066.png


Вижте как след sub чертата е по къса и има място под нея. Искам чертата да си е нормална и мястото да изчезне.

PHP:
  foreach ($pages['parent'] as $parent) {
                                ?>
                                <li>
                                    <a href="<?= site_url('index.php/page/name/' . $parent['title']); ?>"><?= $parent['title']; ?></a>
                                    <?php
                                    if (!is_array($pages['child'][$parent['id']]))
                                        continue;
                                    foreach ($pages['child'][$parent['id']] as $child) {
                                        ?>
                                        <ul class="subnav">
                                            <li><a href="<?= site_url('index.php/page/name/' . $child['title']); ?>"><?= $child['title']; ?></a></li>
                                        </ul>
                                    </li>
                                    <?php
                                }
                            }
 
[css].box {
margin-top:20px;
padding-bottom:20px;
float:left;
position:relative;
}
footer ul li {
padding:5px 0px 5px 12px;
border-bottom:1px solid #383838;
}

footer ul li a {
padding:6px 0px;
color:#777;
}

footer ul li a:hover {
color:#aaa;
text-decoration:none;
}
footer ul.blue_dots li, footer ul.grey_dots li, footer ul.orange_dots li, footer ul.red_dots li { background-position:0px 13px; }
[/css]

Ако ти трябва нещо друго, казвай.
 
А тоя клас ul-subnav не го виждам тук в css я постни ако имаш :)

[css]footer ul li ul.subnav li {
padding:10px 0px 5px 12px;
border-bottom:1px solid #383838;
}
[/css]
 
[css]nav ul li ul.subnav {
display:none;
position:absolute;
left:0; top:26px;
margin:0; padding:0;
margin-top:3px;
float:left;
width:170px;
background:#383838 url("../images/menu_marker.png") no-repeat 21px 0px;
list-style:none;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter:alpha(opacity = 90);
opacity:0.9;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
box-shadow:#555 0px 1px 2px;
}

nav ul li ul.subnav li {
margin:0;
padding:3px 3px 0px 3px;
border-top:1px solid #222;
width:164px;
}

nav ul li ul.subnav li:first-child {
border:none;
}

nav ul li ul.subnav li a {
float:left;
padding:4px 0px 4px 20px;
width:144px;
color:#e4e3e2;
background:#333;
font-weight:normal;
font-size:12px;
font-family:helvetica,arial,serif;
text-transform:none;
text-shadow:none;
}

nav ul li ul.subnav li a:hover {
color:#fff;
background:#428383;
}
[/css]
 
Проблема разбрах от къде идва сега идва трудната част да измислим решението

Проблем:

Задал си border-bottom на li и за това при ховер като изкочи под менюто border на първото li отива най-доло.Аз ти предлагам следното решение при hover на това li border да изчезва и на ul_sub да се появява border-top така няма да прави помия даже ако е необходимо ще ти драсна и някакъв код кажи :)
 

Горе