Skocz do zawartości

harick

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

#6088 wyśrodkowanie menu

Napisane przez harick w 24 czerwca 2014 - 13:00

lol mam menu u góry takie buttony z napisem kontakt oferta itd i chce zrobić tak by jak się kliknie w menu na button kontakt to żeby przekierowało do mojej stronki tyle że do innej części - do info z kontaktem

 

kod to menu poziomowego : 

<!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>

  • 0


#6073 wyśrodkowanie menu

Napisane przez harick w 24 czerwca 2014 - 11:51

nie ogarniam,umiesz te menu wyśrodkować ? przecież chyba da się zrobić te buttony w menu jako odnośniki do podstrony nie?


  • 0


#6072 Kod HTML/CSS dla artykułu z obrazkiem, tytułem i treścią

Napisane przez harick w 24 czerwca 2014 - 11:50

ee to mógłby ktoś napisać ten kod do artykułu w prostokącie? 


  • -4