CSS - menu poziome - obramowanie Opcje

[filip11]

Bardzo fajnie uzyskałem pomoc poprzednim razem, teraz nie mogę poradzić sobie z obramowaniem tego menu... Ne ważne w które miejsce wstawię: border,border-color,border-style i tak nie uzyskuje obramowania...

Zamieszczam css:

Kod

*
{
    padding: 0;
    margin: 0;
}


ul#upper_menu_menu
{
    list-style-type: none;
  
}

ul#upper_menu_menu li
{
    float: left;

    
}

ul#upper_menu_menu ul li
{
    margin:0 auto;

}
ul#upper_menu_menu li li
{
    float: none;
    margin:0 auto;  
}
ul#upper_menu_menu li a
{
    display: block;
    width: 255px;
    text-align: center;
    background-color: #72a6fd;
    color: black;
    padding: 3px 0;
    text-decoration: none;
}

ul#upper_menu_menu li a:hover
{
    background-color: #b3ccf5;
    text-decoration: none;
}
ul#upper_menu_menu li ul
{
    position: absolute;
    height: 1px;
    overflow: hidden;
    
}

ul#upper_menu_menu li:hover ul
{
    height:160px;
}

dziękuję za pomoc.

P.S. Jak wstawić kod w odpowiednich znacznikach na tym forum

Ten post edytował filip11 29.04.2010, 17:27:50

[pedro84]

Obramowanie dla ul#upper_menu_menu, chyba, że masz diva nadrzędnego. Pokaż strukturę, a najlepiej URL.

[krzysztof_kf]

P.S. Jak wstawić kod w odpowiednich znacznikach na tym forum

masz w odpowiedźi na samym dole Funkcję BBCode tam masz wszystko opisane pokaż link . do strony

[CSS] pobierz, plaintext 
 
}
ul#upper_menu_menu li li
{
	float: none;
	margin:0 auto;   
[CSS] pobierz, plaintext 

co to ma być ?


Ten post edytował krzysztof_kf 29.04.2010, 17:43:28

[filip11]

masz w odpowiedźi na samym dole Funkcję BBCode tam masz wszystko opisane pokaż link . do strony



co to ma być ?

eszcze.
A dlaczego tak nie może być

To menu jest w nadrzędnym divie. Nie mogę niestety dać URL, ponieważ nigdzie to nie stoi j

[krzysztof_kf]

Jak nie działa obramowanie jak to sklejasz ?

[CSS] pobierz, plaintext 
<style type="text/css">
ul#upper_menu_menu
{
    list-style-type: none;
 
}
 
ul#upper_menu_menu li
{
    float: left;
 
 
}
 
ul#upper_menu_menu ul li
{
    margin:0 auto;
 
}
 
ul#upper_menu_menu li a
{
    display: block;
    width: 255px;
    border: 1px solid #00ff00;
    text-align: center;
    background-color: #72a6fd;
    color: black;
    padding: 3px 0;
    text-decoration: none;
}
 
ul#upper_menu_menu li a:hover
{
    background-color: #b3ccf5;
    text-decoration: none;
}
ul#upper_menu_menu li ul
{
    position: absolute;
    height: 1px;
    overflow: hidden;
 
}
 
ul#upper_menu_menu li:hover ul
{
    height:160px;
}
</style>
<ul id="upper_menu_menu">
<ul>
<li><a href="index.php">Link 1</a></li>
<li><a href="index.php">Link 1</a></li>
<li><a href="index.php">Link 1</a></li>
<li><a href="index.php">Link 1</a></li>
</ul>
[CSS] pobierz, plaintext 

[filip11]

Sklejam to tak (ogólnie to wysuwane menu)

CODE

<ul id="upper_menu_menu">
<li id="upper_menu_menu"><a href="">Menu1</a>
<ul class="one">
<li><a href="">Menu1.1</a></li>
<li><a href="">Menu1.2</a></li>
<li><a href="">Menu1.3</a></li>
<li><a href="">Menu1.4</a></li>
<li><a href="">Menu1.5</a></li>
</ul>
</li>
<li id="upper_menu_menu"><a href="">Menu2</a>
<ul id="two">
<li><a href="">Menu2.1</a></li>
<li><a href="">Menu2.2</a></li>
<li><a href="">Menu2.3</a></li>
<li><a href="">Menu2.4</a></li>
<li><a href="">Menu2.5</a></li>
</ul>
</li>
<li id="upper_menu_menu"><a href="">Menu3</a>
<ul id="three">
<li><a href="">Menu3.1</a></li>
<li><a href="">Menu3.2</a></li>
<li><a href="">Menu3.3</a></li>
<li><a href="">Menu3.4</a></li>
<li><a href="">Menu3.5</a></li>
</ul>
</li>
<li id="upper_menu_menu"><a href="">Menu4</a>
<ul id="four">
<li><a href="">Menu4.1</a></li>
<li><a href="">Menu4.2</a></li>
<li><a href="">Menu4.3</a></li>
<li><a href="">Menu4.4</a></li>
<li><a href="">Menu4.5</a></li>
</ul>
</li>
</ul>

[krzysztof_kf]

Jeśli chcesz pojedyncze elementy obramować to

[CSS] pobierz, plaintext 
ul#upper_menu_menu li a
{
    border: 1px solid #00ff00;
}
 
[CSS] pobierz, plaintext 

[filip11]

dzięki jak mogłem tego nie zauważyć...