Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]Logo i napisy przyczepione do góry
adrianozo
post 15.09.2012, 13:24:11
Post #1





Grupa: Zarejestrowani
Postów: 733
Pomógł: 4
Dołączył: 11.11.2009

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


Witam wszystkich. Mam pewien problem z nowym szablonem mojej strony zrobionej przez grafika. Problem polega na tym, że logo i napisy O mnie Klienci i Kontakt przykleiły się do góry diva o id środek a chciałbym je trochę w dół dać. margin-top nie działa

Tak wygląda:
http://iv.pl/images/32659313541944474669.png

  1. <div id="srodek">
  2. <div id="logo">
  3. <a href=""></a>
  4. </div>
  5. <div id="prawa">
  6. <a href="/o_mnie.html">O mnie</a>
  7. <a href="/klienci.html">Klienci</a>
  8. <a href="/kontakt.html">Kontakt</a>
  9. </div>
  10. <div id="logotresc">
  11. Napis
  12. </div>
  13. <div id="menu">
  14. <a href="">Najnowsze</a>
  15. <a href="/portfolio.html">Wszystkie</a>
  16. <a href="/oferta.html">Oferta</a>
  17. <a href="/skrypty.html">Skrypty</a>
  18. </div>
  19. <div id="stopka">
  20. asd
  21. </div>
  22. </div>



Kod
body
{
text-align: center;
margin: 0 auto;
background-image: url(images/tlo.jpg);
}
h2
{
color: #3499FF;
font-style: italic;
}
div#logo
{
width: 266px;
height: 77px;
margin-left: 5%;
background-image: url(images/logo.png);
float: left;
}
div#prawa
{
height: 12px;
margin-left: 70%;
}
div#prawa a
{
font-size: 18px;
color: #FFFFFF;
text-decoration: none;
margin-right: 7%;
}
div#logotresc
{
font-size: 30px;
font-weight: bold;
color: #FFFFFF;
width: 851px;
height: 30px;
margin-top: 5%;
}
div#menu
{
width: 50%;
margin-top: 14%;
height: 51px;
background-image: url(images/menu.png);
}
div#menu a
{
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #000000;
margin-right: 28px;
height: 51px;
}
div#menu a:hover
{
font-weight: bold;
color: #000080;
}
div#srodek
{
text-align: center;
width: 851px;
height: 827px;
background-image: url(images/okno-transp.png);
margin: 4% auto 4% auto;
}
div#stopka
{
clear: both;
width: 851px;
height: 59px;
}


--------------------
Go to the top of the page
+Quote Post
ZenekN
post 15.09.2012, 21:13:30
Post #2





Grupa: Zarejestrowani
Postów: 419
Pomógł: 5
Dołączył: 7.08.2012

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


  1. padding-top: 30px;
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 26.04.2025 - 00:24