Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Dziwne odległości,przeskoki
Forum PHP.pl > Forum > Przedszkole
krzychu0808
13.07.2008, 10:41:38
Mam problem z wyświetlaniem w ie 6.0 jak kliknę w "3 Rafał krawczyk" to mi się sypie wszystko a w FF jest ok Zobaczcie

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>Klasa 2 TH | TME | Strona Klasowa</title>
  5. <script type="text/javascript" src="menu.js"></script>
  6. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
  7. <style type="text/css">
  8. * { margin: 0px; padding: 0px; }
  9. body {
  10. background: #323131;
  11. font-family:Verdana, Arial, Helvetica, sans-serif;
  12. }
  13.  
  14. #menu0 dd {
  15. float : left
  16. }
  17. #menu0 dt {
  18. float : left
  19. }
  20. #menulewe {
  21. margin : auto;
  22. width : 263px;
  23. float : left;
  24. }
  25. img{
  26.    margin: 0px
  27.    padding: 0px;
  28.   float : left;
  29. }
  30. </style>
  31. </head>
  32.  
  33. <body>
  34. <div id="menulewe">
  35. <dl id="menu0">
  36. <dt ><a href="javascript:void(0)"><img src="images/dziennik/1.jpg" border="0" alt="img"></a></dt>
  37. <dd ><img src="images/dziennik/tab.jpg" border="0" alt="img"></dd>
  38. <dt ><a href="javascript:void(0)"><img src="images/dziennik/2.jpg" border="0" alt="img"></a></dt>
  39. <dd ><img src="images/dziennik/tab.jpg" border="0" alt="img"></dd>
  40. <dt ><a href="javascript:void(0)"><img src="images/dziennik/3.jpg" border="0" alt="img"></a></dt>
  41. <dd ><img src="images/dziennik/tab.jpg" border="0" alt="img"></dd>
  42. </dl>
  43. <script type="text/javascript">
  44. // <![CDATA[
  45. new Menu('menu0');
  46. // ]]>
  47. </script>
  48. <br>
  49. </div>
  50. </body>
[HTML] pobierz, plaintext
b4x
13.07.2008, 11:44:03
zamiast 

[HTML] pobierz, plaintext 
  1. #menu0 dt {
  2. float : left
  3. }
[HTML] pobierz, plaintext


daj:

[HTML] pobierz, plaintext 
  1. #menu0 dt {
  2. float : left
  3. clear: left;
  4. }
[HTML] pobierz, plaintext
krzychu0808
13.07.2008, 13:16:17
Zrobiłem tak jak mówiłeś i są jeszcze większe cuda Zobacz

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>Klasa 2 TH | TME | Strona Klasowa</title>
  5. <script type="text/javascript" src="menu.js"></script>
  6. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
  7. <style type="text/css">
  8. * { margin: 0px; padding: 0px; }
  9. body {
  10. background: #323131;
  11. font-family:Verdana, Arial, Helvetica, sans-serif;
  12. }
  13.  
  14. #menu0 dd {
  15. float : left;
  16. }
  17. #menu0 dt {
  18. float : left;
  19. clear: left;
  20. }
  21.  
  22. #menulewe {
  23. margin : auto;
  24. width : 263px;
  25. float : left;
  26. }
  27. img{
  28.    margin: 0px;
  29.    padding: 0px;
  30.   float : left;
  31. }
  32. </style>
  33. </head>
  34.  
  35. <body>
  36. <div id="menulewe">
  37. <dl id="menu0">
  38. <dt ><a href="javascript:void(0)"><img src="images/dziennik/1.jpg" border="0" alt="img"></a></dt>
  39. <dd ><img src="images/dziennik/tab.jpg" border="0" alt="img"></dd>
  40. <dt ><a href="javascript:void(0)"><img src="images/dziennik/2.jpg" border="0" alt="img"></a></dt>
  41. <dd ><img src="images/dziennik/tab.jpg" border="0" alt="img"></dd>
  42. <dt ><a href="javascript:void(0)"><img src="images/dziennik/3.jpg" border="0" alt="img"></a></dt>
  43. <dd ><img src="images/dziennik/tab.jpg" border="0" alt="img"></dd>
  44. </dl>
  45. <script type="text/javascript">
  46. // <![CDATA[
  47. new Menu('menu0');
  48. // ]]>
  49. </script>
  50. <br>
  51. </div>
  52. </body>
[HTML] pobierz, plaintext
b4x
13.07.2008, 13:22:32
Mi działa normalnie smile.gif

Tzn. na tym adresie co podałeś teraz to nie działa.


Taki kod normalnie mi działa biggrin.gif

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>Klasa 2 TH | TME | Strona Klasowa</title>
  5. <script type="text/javascript" src="menu.js"></script>
  6. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
  7. <style type="text/css">
  8. * { margin: 0px; padding: 0px; }
  9. body {
  10. background: #323131;
  11. font-family:Verdana, Arial, Helvetica, sans-serif;
  12. }
  13.  
  14. #menu0 dd {
  15. float : left
  16. }
  17. #menu0 dt {
  18. float : left
  19. 	clear: left;
  20. }
  21. #menulewe {
  22. margin : auto;
  23. width : 263px;
  24. float : left;
  25. }
  26. img{
  27.    margin: 0px
  28.    padding: 0px;
  29.   float : left;
  30. }
  31. </style>
  32. </head>
  33.  
  34. <body>
  35. <div id="menulewe">
  36. <dl id="menu0">
  37. <dt ><a href="javascript:void(0)"><img src="images/dziennik/1.jpg" border="0" alt="img"></a></dt>
  38. <dd ><img src="images/dziennik/tab.jpg" border="0" alt="img"></dd>
  39.  
  40. <dt ><a href="javascript:void(0)"><img src="images/dziennik/2.jpg" border="0" alt="img"></a></dt>
  41. <dd ><img src="images/dziennik/tab.jpg" border="0" alt="img"></dd>
  42. <dt ><a href="javascript:void(0)"><img src="images/dziennik/3.jpg" border="0" alt="img"></a></dt>
  43. <dd ><img src="images/dziennik/tab.jpg" border="0" alt="img"></dd>
  44. </dl>
  45. <script type="text/javascript">
  46. // <![CDATA[
  47. new Menu('menu0');
  48. // ]]>
  49. </script>
  50. <br>
  51. </div>
  52. </body>
[HTML] pobierz, plaintext



krzychu0808
13.07.2008, 13:28:15
hehe możesz mi to objaśnić

jak jest tak
[HTML] pobierz, plaintext 
  1. #menu0 dt {
  2. float : left
  3. clear: left;
  4. }
[HTML] pobierz, plaintext

to jest ok

a jak zorbie tak
[HTML] pobierz, plaintext 
  1. #menu0 dt {
  2. float : left;
  3. clear: left;
  4. }
[HTML] pobierz, plaintext

to nie działa

a poprawnie nie powinno być tak 
[HTML] pobierz, plaintext 
  1. #menu0 dt {
  2. float : left;
  3. clear: left;
  4. }
[HTML] pobierz, plaintext

questionmark.gifquestionmark.gif
b4x
13.07.2008, 13:30:25
Ahh bo tego

#menu0 dt {
// float : left; - tego nie powinno być biggrin.gif
clear: left;
}


Czyli:

[HTML] pobierz, plaintext 
  1. #menu0 dt {
  2. clear: left;
  3. }
[HTML] pobierz, plaintext
krzychu0808
13.07.2008, 13:32:36
teraz będę zamieniał środek z img na div z tłem bo będę miniaturki wrzucał i opisy.. coś czuje że mi się rozsypie
b4x
13.07.2008, 13:34:40
Jak się rozsypie - to daj znać w tym temacie tongue.gif (nie zakładaj kolejnego tongue.gif) bo widzę 2 dotyczą praktycznie tego samego problemu ;P
krzychu0808
13.07.2008, 13:43:45
ee tam gadasz głupoty ;p

Udało się 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>Klasa 2 TH | TME | Strona Klasowa</title>
  5. <script type="text/javascript" src="menu.js"></script>
  6. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
  7. <style type="text/css">
  8. * { margin: 0px; padding: 0px; }
  9. body {
  10. background: #323131;
  11. font-family:Verdana, Arial, Helvetica, sans-serif;
  12. }
  13.  
  14. #menu0 dd {
  15. float : left;
  16. }
  17. #menu0 dt {
  18. float : left
  19. clear: left;
  20. }
  21. #menulewe {
  22. margin : auto;
  23. width : 263px;
  24. float : left;
  25. }
  26. img{
  27. margin: 0px
  28. padding: 0px;
  29. float : left;
  30. }
  31. .srodek {
  32. margin : auto;
  33. padding : 0px;
  34. width : 263px;
  35. height : 75px;
  36. float : left;
  37. background : url(images/dziennik/tab.jpg)
  38. }
  39. </style>
  40. </head>
  41.  
  42. <body>
  43. <div id="menulewe">
  44. <dl id="menu0">
  45. <dt ><a href="javascript:void(0)"><img src="images/dziennik/1.jpg" border="0" alt="img"></a></dt>
  46. <dd ><div class="srodek">111111111</div></dd>
  47. <dt ><a href="javascript:void(0)"><img src="images/dziennik/2.jpg" border="0" alt="img"></a></dt>
  48. <dd ><div class="srodek">111111111</div></dd>
  49. <dt ><a href="javascript:void(0)"><img src="images/dziennik/3.jpg" border="0" alt="img"></a></dt>
  50. <dd ><div class="srodek">111111111</div></dd>
  51. </dl>
  52. <script type="text/javascript">
  53. // <![CDATA[
  54. new Menu('menu0');
  55. // ]]>
  56. </script>
  57. <br>
  58. </div>
  59. </body>
[HTML] pobierz, plaintext


Dzięki za pomoc

b4x znasz może jakąś dobrą lekturę o css bo mi brakuje podstaw...

A tak to wygląda w akcji Strona
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.