Skocz do zawartości

harick

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

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>

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

21 czerwca 2014 - 19:10

jak dodać do strony obrazek z tytułem i treścią?   tzn taki układ z obrazkiem tytułem i treścią i jak da rade z datą dodania   chodzi mi o coś takiego

Przechwyt_eeqeaea.PNG

 

Mógłby ktoś zrobić coś w tym stylu i podesłać kod ? Byłym bardzo wdzięczny i wierzę że mi pomożecie!