Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> CSS - menu poziome - obramowanie
filip11
post
Post #1





Grupa: Zarejestrowani
Postów: 48
Pomógł: 1
Dołączył: 9.03.2010

Ostrzeżenie: (0%)
-----


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 (IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/smile.gif)

Ten post edytował filip11 29.04.2010, 17:27:50
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
krzysztof_kf
post
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----


Jak nie działa obramowanie jak to sklejasz ?

  1. <style type="text/css">
  2. ul#upper_menu_menu
  3. {
  4. list-style-type: none;
  5.  
  6. }
  7.  
  8. ul#upper_menu_menu li
  9. {
  10. float: left;
  11.  
  12.  
  13. }
  14.  
  15. ul#upper_menu_menu ul li
  16. {
  17. margin:0 auto;
  18.  
  19. }
  20.  
  21. ul#upper_menu_menu li a
  22. {
  23. display: block;
  24. width: 255px;
  25. border: 1px solid #00ff00;
  26. text-align: center;
  27. background-color: #72a6fd;
  28. color: black;
  29. padding: 3px 0;
  30. text-decoration: none;
  31. }
  32.  
  33. ul#upper_menu_menu li a:hover
  34. {
  35. background-color: #b3ccf5;
  36. text-decoration: none;
  37. }
  38. ul#upper_menu_menu li ul
  39. {
  40. position: absolute;
  41. height: 1px;
  42. overflow: hidden;
  43.  
  44. }
  45.  
  46. ul#upper_menu_menu li:hover ul
  47. {
  48. height:160px;
  49. }
  50. </style>
  51. <ul id="upper_menu_menu">
  52. <ul>
  53. <li><a href="index.php">Link 1</a></li>
  54. <li><a href="index.php">Link 1</a></li>
  55. <li><a href="index.php">Link 1</a></li>
  56. <li><a href="index.php">Link 1</a></li>
  57. </ul>
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.10.2025 - 20:19