Wyświetl nową zawartość

Wykryto wyłączony javascript

Aktualnie masz wyłączony javascript. Kilka funkcji może nie działać. Włącz ponownie javascript, aby korzystać z pełnej funkcjonalności.

harick

Rejestracja: 21 cze 2014
Poza forum Ostatnio: cze 25 2014 10:46

Moja zawartość

Statystyki

Grupa: Użytkownik
Całość postów: 12
Odwiedzin: 10 807
Czas spędzony online6h 17m 33s
Tytuł: Nowy użytkownik
Wiek: Wiek nie został ustalony
Urodziny: Data urodzin nie została podana
Gender
Nie podano

-4 Neutralna

Narzędzia użytkownika

Znajomi

harick nie posiada znajomych

Ostatnio byli

Yeoman
24 cze 2014 - 20:26
Bart
24 cze 2014 - 09:38
patryk0493
22 cze 2014 - 16:49

Moje tematy

wyśrodkowanie menu

23 czerwca 2014 - 19:00

cześć nie mogę wyśrodkować menu poziomowego bo mi się zmienia gdy wpisuje center'a

mógły mi ktoś pomóc i wyśrodkowałby te menu na sam środek strony nie zmieniając wyglądu i czcionki?

tu kod do menu

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">


    <style>

      ol {
        list-style-type:none;
        padding:0;
        margin:0;
        font-size:40px;
        font-family:Agency FB;
        height:2em;
        line-height:2em;
        text-align:center;
      }

     
      ol a {
        display:block;
        text-decoration:none;
        color:#000000;
        padding:0 5px;
      }

     
      ol > li {
        float:left;
        width:150px;
        margin-left:1px;
        background-color:#ffffff;
        height:2em;
      }

      ol > li:first-child {
        margin-left:0;
      }

   
      ol > li:hover {
        background-color:#EEE;
      }

      
        color:#09C;
      }

  
      ol > li:hover > ul {
        display:block;
      }



      ol > li > ul {
        display:none;
        list-style-type:none;
        padding:0;
        margin:0;
      }


      ol > li > ul > li {
        position:relative;
        background-color:#EEE;
      }

      ol > li > ul > li > a {
        border-top:1px solid #FFF;
      }


      ol > li > ul > li:hover {
        background-color:#DDD;
      }

    
      ol > li > ul > li:hover > a {
        color:#09C;
      }

    </style>


  </head>

<body>

  <ol>
    <li><a href="#">Newsy</a>
      <ul>
        <li><a href="#">link - 1</a></li>
        <li><a href="#">link - 2</a></li>
        <li><a href="#">link - 3</a></li>
        <li><a href="#">link - 4</a></li>
        <li><a href="#">link - 5</a></li>
      </ul>
    </li>

    <li><a href="#">Kontakt</a>
      <ul>
        <li><a href="#">link - 1</a></li>
        <li><a href="#">link - 2</a></li>
        <li><a href="#">link - 3</a></li>
      </ul>
    </li>

    <li><a href="#">O mnie</a></li>

    <li><a href="#">Portfolio</a>
      <ul>
        <li><a href="#">link - 1</a></li>
        <li><a href="#">link - 2</a></li>
        <li><a href="#">link - 3</a></li>
        <li><a href="#">link - 4</a></li>
      </ul>
    </li>

    <li><a href="#">Poradniki</a>
      <ul>
        <li><a href="#">link - 1</a></li>
        <li><a href="#">link - 2</a></li>
        <li><a href="#">link - 3</a></li>
        <li><a href="#">link - 4</a></li>
        <li><a href="#">link - 5</a></li>
      </ul>
    </li>

    <li><a href="#">Reklama</a>
      <ul>
        <li><a href="#">link - 1</a></li>
        <li><a href="#">link - 2</a></li>
        <li><a href="#">link - 3</a></li>
        <li><a href="#">link - 4</a></li>
        <li><a href="#">link - 5</a></li>
      </ul>
    </li>

 <li><a href="#">Download</a>
      <ul>
        <li><a href="#">link - 1</a></li>
        <li><a href="#">link - 2</a></li>
        <li><a href="#">link - 3</a></li>
        <li><a href="#">link - 4</a></li>
        <li><a href="#">link - 5</a></li>
      </ul>
    </li>


 <li><a href="#">Oferta</a>
      <ul>
        <li><a href="#">link - 1</a></li>
        <li><a href="#">link - 2</a></li>
        <li><a href="#">link - 3</a></li>
        <li><a href="#">link - 4</a></li>
        <li><a href="#">link - 5</a></li>
      </ul>
    </li>
  </ol>

  
</body>
</html>