Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Logo i nawigacja
Forum PHP.pl > Forum > Przedszkole
ZenekN
30.08.2012, 21:54:02
Witam wszystkich mam tutaj taką stronkę a dokładnie nawigację i chciałbym obniżyć napisy niżej np. p 20 pikseli a logo aby pozostało w miejscu i niestety nie mogę :/


http://crmbartex.nazwa.pl/test/menu.html



[PHP] pobierz, plaintext 
  1. <!--
  2. To change this template, choose Tools | Templates
  3. and open the template in the editor.
  4. -->
  5. <!DOCTYPE html>
  6. <html>
  7.     <head>
  8.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  9.         <title>Menu</title>
  10.  
  11.         <link href="style1.css" rel="stylesheet" type="text/css"/>
  12.     </head>
  13.     <body>
  14.  
  15.         <div id="menucalosc">
  16.  
  17.  
  18.                        <h1 id="logo">
  19.  
  20.                 <a href="#"><img src="images/logo_blog.gif" width="70" height="70"><a/></h1>
  21.             <div class="menuzakladki">
  22.                 <br>
  23.                 <br>
  24.                                 <br>
  25.                                                                 <br>
  26.                                                                 </br>
  27.  
  28.                 <a href="#">STRONA DOMOWA</a>
  29.                 <a href="#">PROJEKTY</a>
  30.                 <a href="#">GALERIA</a>
  31.                 <a href="#">KONTAKT</a>
  32.  
  33.  
  34.  
  35.  
  36.             </div>
  37.  
  38.  
  39.         </div>
  40.  
  41.  
  42.  
  43.  
  44.        <div id="down"> 
  45.  
  46.  
  47.  
  48.            <br>
  49.                 <br>
  50.            <a href="#">Copyright 2012</a>
  51.        </div>
  52.  
  53.     </body>
  54. </html>
[PHP] pobierz, plaintext 






[PHP] pobierz, plaintext 
  1. body {
  2.     color: #999;
  3.     font-family: Verdana,"DejaVu Sans","Bitstream Vera Sans",Geneva,sans-serif;
  4.     font-size: 13px;
  5.     margin: 0px;
  6.     padding: 0px;
  7.     background:#f4f4f4}
  8.     a{text-decoration:none;color:#999}
  9.     a:hover{color:green}
  10.  
  11.     #menucalosc {
  12.  
  13.         background: -moz-linear-gradient(center top , rgb(80, 80, 80), rgb(52, 52, 52)) repeat scroll 0% 0% transparent;
  14.         height: 100px;
  15.         text-align: center;
  16.  
  17.  
  18.  
  19.  
  20.  
  21.     }
  22.  
  23.      #menucalosc a {
  24.            margin: 15px 0px 0px 10px;
  25.  
  26.            float: left;
  27.  
  28.  
  29.     }
  30.  
  31.  
  32.             #logo {
  33.  
  34.  
  35.         margin: 0px 0px -0px 910px;
  36.  
  37.            text-align: center;
  38.  
  39.     }
  40.  
  41.               #logo a {
  42.  
  43.  
  44.  
  45.  
  46.  
  47.  
  48.     }
  49.  
  50.  
  51.         #down {
  52.  
  53.         background: -moz-linear-gradient(center top , rgb(80, 80, 80), rgb(52, 52, 52)) repeat scroll 0% 0% transparent;
  54.         margin: 750px 0px 0px 0px;
  55.         text-align: center;
  56.         height: 100px;
  57.  
  58.  
  59.  
  60.     }
[PHP] pobierz, plaintext





Pozdrawiam i serdecznie dziękuję za odpowiedź.
Damonsson
31.08.2012, 02:11:19 
[CSS] pobierz, plaintext 
  1. .menuzakladki {padding-top:20px}
[CSS] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.