Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS]Problem z połączeniem menu z logiem
xxdrago
post
Post #1





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

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

Witam mam taki problem; co tutaj jest źle że menu nie che się łączyć z logiem?
link; http://ogar200.cba.pl/demo/
CSS;

[CSS] pobierz, plaintext 
  1. *{ margin: 0; padding: 0; }*
  2. body { font: .8em Arial, Sans-Serif; line-height: 1.8em; background: #333; color: #444; }
  3.  
  4. #header {
  5. background: #FE7B09 url(images/header.jpg) repeat-x;
  6. height: 215px;
  7. }
  8. #menu {
  9. height: 30px;
  10. line-height: 32px;
  11. background: #fff url(images/bg.jpg) repeat-x;
  12. }
  13. #menu ul {
  14. list-style-type: none;
  15. padding-left: 60px;
  16. }
  17. #menu ul li {
  18. display: block;
  19. float: left;
  20. }
  21. #menu ul li a {
  22. padding: 0 20px 0 0;
  23. text-decoration: none;
  24. font-weight: 600;
  25. font-size: 12px;
  26. color: white;
  27. }
  28. #menu ul li a:hover {
  29. color: white;
  30. text-decoration: none;
  31. }
  32. a {COLOR: #6587E0; text-decoration: none;}
  33. a:visited {COLOR: #6587E0; text-decoration: none;}
  34. a:hover {COLOR: #333; text-decoration: underline;}
  35. h2 { margin: 0 0 10px; padding: 10px 0 3px; }
  36. h3 { padding-left: 10px; color: #fff; background: #FE7B09 url(images/bg.jpg) repeat-x; font-size: 1em; height: 24px; line-height: 24px; }
  37. ul {  padding: 0; margin: 0 0 10px;}
  38. li { list-style-type: none;}
  39. p { margin: 5px 0 10px 0; }
  40. img { border: none; }
  41.  
  42. #wrap { padding: 10px 10px 3px 10px; width: 760px; margin:20px auto; background: #fff;}
  43. #left { float: left; width: 180px; background: #CFDDFF; margin-bottom: 10px; margin-top: 20px;}
  44. #left ul { padding: 5px 10px 10px 10px; margin: 0; }
  45. #right { margin-bottom: 10px; float: right; width: 550px; padding: 0 10px 10px 10px; margin-top: 10px;}
  46.  
  47. #footer { font-size: 11px; text-align: center; border-top: 1px solid #ccc; padding: 10px 5px; }
[CSS] pobierz, plaintext


HTML;
[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>xxx</title>
  5. </head>
  6. <body>
  7.  
  8. <div id="wrap">
  9. <div id="header">
  10. </div>
  11. <div id="menu">
  12. <ul>
  13. <li><a href="index.html">Strona Główna</a></li>
  14. <li><a href="omnie.html">O mnie</a></li>
  15. <li><a href="tuning-mechaniczny.html">Tuning Mechaniczny</a></li>
  16. <li><a href="tuning-wizualny.html">Tuning Wizualny</a></li>
  17. <li><a href="filmy.html">Filmiki</a></li>
  18. <li><a href="galeria.html">Galeria</a></li>
  19. <li><a href="dane-ogar200.html">Dane</a></li>
  20. <li><a href="kontakt.html">Kontakt</a></li>
  21. </ul>
  22. </div>
  23. <div id="right">
  24.  
  25. <h2><a href="#">License and terms of use</a></h2>
  26. <div class="articles">
  27. Flower is a CSS template that is free and fully standards compliant. <a href="http://www.free-css-templates.com/">Free CSS Templates</a> designed this template.
  28. This template is allowed for all uses, including commercial use, as it is released under the <strong>Creative Commons Attributions 2.5</strong> license. The only stipulation to the use of this free template is that the links appearing in the footer remain intact. Beyond that, simply enjoy and have fun with it!	 
  29. <br /><br />
  30. <img src="images/pic.jpg" alt="Example pic" style="border: 3px solid #ccc;" />
  31. <br /><br />
  32. Donec nulla. Aenean eu augue ac nisl tincidunt rutrum. Proin erat justo, pharetra eget, posuere at, malesuada 
  33. et, nulla. Donec pretium nibh sed est faucibus suscipit. Nunc nisi. Nullam vehicula. In ipsum lorem, bibendum sed, 
  34. consectetuer et, gravida id, erat. Ut imperdiet, leo vel condimentum faucibus, risus justo feugiat purus, vitae 
  35. congue nulla diam non urna.
  36. </div>
  37. <h2><a href="#">Title with a link - Example of heading 2</a></h2>
  38. <div class="articles">
  39. Donec nulla. Aenean eu augue ac nisl tincidunt rutrum. Proin erat justo, pharetra eget, posuere at, malesuada 
  40. et, nulla. Donec pretium nibh sed est faucibus suscipit. Nunc nisi. Nullam vehicula. In ipsum lorem, bibendum sed, 
  41. consectetuer et, gravida id, erat. Ut imperdiet, leo vel condimentum faucibus, risus justo feugiat purus, vitae 
  42. congue nulla diam non urna.
  43. </div>
  44. </div>
  45.  
  46. <div id="left"> 
  47.  
  48. <h3>Categories :</h3>
  49. <ul>
  50. <li><a href="#">World Politics</a></li> 
  51. <li><a href="#">Europe Sport</a></li> 
  52. <li><a href="#">Networking</a></li> 
  53. <li><a href="#">Nature - Africa</a></li>
  54. <li><a href="#">SuperCool</a></li> 
  55. <li><a href="#">Last Category</a></li>
  56. </ul>
  57.  
  58. <h3>Archives</h3>
  59. <ul>
  60. <li><a href="#">January 2007</a></li> 
  61. <li><a href="#">February 2007</a></li> 
  62. <li><a href="#">March 2007</a></li> 
  63. <li><a href="#">April 2007</a></li>
  64. <li><a href="#">May 2007</a></li> 
  65. <li><a href="#">June 2007</a></li> 
  66. <li><a href="#">July 2007</a></li> 
  67. <li><a href="#">August 2007</a></li> 
  68. <li><a href="#">September 2007</a></li>
  69. <li><a href="#">October 2007</a></li>
  70. <li><a href="#">November 2007</a></li>
  71. <li><a href="#">December 2007</a></li>
  72. </ul>
  73.  
  74. </div>
  75. <div style="clear: both;"> </div>
  76.  
  77. <div id="footer">
  78. <a href="http://www.XxDrago.pl/" target="_blank">Website by XxDrago.pl</a> <b>Wszystkie elementy zawarte na stronie są chronione <u>prawem autorskim.</u></b>
  79. </div>
  80. </div>
  81.  
  82.  
  83. </body>
  84. </html>
[HTML] pobierz, plaintext


--------------------
GG: 10972302 :)
Go to the top of the page
+Quote Post
sadistic_son
post
Post #2





Grupa: Zarejestrowani
Postów: 1 495
Pomógł: 245
Dołączył: 1.07.2009
Skąd: Bydgoszcz

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

Linijka 37: 
[CSS] pobierz, plaintext 
  1. ul {  padding: 0; margin: 0 0 10px;}
[CSS] pobierz, plaintext
Wywal zupełnie margin:
[CSS] pobierz, plaintext 
  1. ul {  padding: 0; }
[CSS] pobierz, plaintext
A właściwie to cały ten styl możesz wyrzućić, bo margin jest powodem Twojego problemu a ten padding i tak nic nie zmienia. Wywal linijke 37 i już.

Ten post edytował sadistic_son 1.06.2011, 17:09:55


--------------------
Uśpieni przez system, wychowani przez media,
Karmieni zmysłami, próżnymi żądzami...
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
Jesteś zbyt leniwy, żeby się zarejestrować? Ja jestem zbyt leniwy aby Ci pomóc!
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
Go to the top of the page
+Quote Post
xxdrago
post
Post #3





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

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

chciałem zrobić żeby było bez błędów ale w validator są błędy:
kod;

Kod
<a href="http://www.XxDrago.pl/" TARGET="_blank" >Website by XxDrago.pl</a> <b>Wszystkie elementy zawarte na stronie są chronione <u> prawem autorskim. </u></b>


błedy;
Kod
Line 97, Column 41: there is no attribute "TARGET"

Line 97, Column 133: element "u" undefined


nie rozumiem co tu jest źle.. prosze o pomoc


--------------------
GG: 10972302 :)
Go to the top of the page
+Quote Post
sadistic_son
post
Post #4





Grupa: Zarejestrowani
Postów: 1 495
Pomógł: 245
Dołączył: 1.07.2009
Skąd: Bydgoszcz

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

Znaczniki <u>, <b>, <i>, parametr target itd. uznane zostały przez W3C za przestarzałe. Zamiast nich stosować należy style CSS. Puki będziesz je stosować strona walidacji nie przejdzie.
Zamiast target możesz użyć tego:
[JAVASCRIPT] pobierz, plaintext 
  1. <script type="text/javascript">
  2.   $(function(){
  3.     $('a[rel="external"]').attr('target','_blank');
  4.   });
  5. </script>
  6. <a rel="external" href="http://www.google.com">Google in new Window</a>
[JAVASCRIPT] pobierz, plaintext


--------------------
Uśpieni przez system, wychowani przez media,
Karmieni zmysłami, próżnymi żądzami...
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
Jesteś zbyt leniwy, żeby się zarejestrować? Ja jestem zbyt leniwy aby Ci pomóc!
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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