Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Połaczenie loga z menu:)
xxdrago
post
Post #1





Grupa: Zarejestrowani
Postów: 654
Pomógł: 42
Dołączył: 27.07.2010
Skąd: Jaworzno

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

Witam, jak połączyć to menu z logiem? Kod:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <title>Free-Kill.pl | Sklep</title>
  5.     <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
  6.     <meta name="language" content="pl" />
  7.     <meta name="keywords" content="" />
  8.     <meta name="description" content="" />
  9.     <link href="menu_style.css" rel="stylesheet" type="text/css" />
  10. </head>
  11.  
  12. <body>
  13. <img src="top.png" width="952" height="312" border="0" alt="Logo">
  14.         <div id="menu">
  15.             <ul>
  16.                 <li><a href="#">Strona główna</a></li>
  17.                 <li><a href="#">Regulamin</a></li>
  18.                 <li><a href="#">Informacje</a></li>
  19.                 <li><a href="#">Jak to działa?</a></li>
  20.                 <li><a href="#">Kup Premium na COD!</a></li>
  21.                 <li><a href="#">Kup Premium na Forum!</a></li>
  22.                 <li><a href="#">Kup Vipa na FFA!</a></li>
  23. 				</ul>
  24.         </div>
  25.     </div>
  26. </body>
  27. </html>
[HTML] pobierz, plaintext



Oraz css:

Kod
#menu {
    background: #333;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#menu li {
    float: left;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
#menu a {
    background: #333 url("images/seperator.gif") bottom right no-repeat;
    color: #ccc;
    display: block;
    float: left;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
}
#menu a:hover {
    background: #2580a2 url("images/hover.gif") bottom center no-repeat;
    color: #fff;
    padding-bottom: 8px;


W efekcie wygląda to tak:
http://zapodaj.net/b4cd34134066.bmp.html
Go to the top of the page
+Quote Post

Posty w temacie
- xxdrago   [HTML][CSS] Połaczenie loga z menu:)   6.03.2011, 19:13:58
- - sasquacz   Poprostu wstaw to logo, na tło div'a w css...   6.03.2011, 19:23:59
- - xxdrago   Dobra:) Dzięki działaczy a jak moge sobie zrobić w...   6.03.2011, 19:30:28
- - krzywy36   jaki post? chodzi o "Witamy na darmowej stron...   6.03.2011, 19:32:25
- - xxdrago   tak:)   6.03.2011, 19:33:27
- - krzywy36   a w czym konkretnie problem? nic trudnego tam nie ...   6.03.2011, 19:42:16
- - xxdrago   No własnie kurde.. Nie wiem jak zrobić takie tło.....   6.03.2011, 19:43:26
- - krzywy36   sam się nad tym zastanawiałem i doszedłem do wnios...   6.03.2011, 19:57:38
- - nekomata   Kodhttp://www.designend.net/blog-webmastera,za...   6.03.2011, 19:57:48
- - krzywy36   wiem, że jest głupie także dzięki za link   6.03.2011, 20:04:14

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 4.10.2025 - 10:56
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn