Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS] Dziwne odległości,przeskoki
krzychu0808
post
Post #1





Grupa: Zarejestrowani
Postów: 428
Pomógł: 2
Dołączył: 1.04.2007
Skąd: Pogorzelica

Ostrzeżenie: (10%)
X----

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
Go to the top of the page
+Quote Post
b4x
post
Post #2





Grupa: Zarejestrowani
Postów: 658
Pomógł: 95
Dołączył: 20.12.2005
Skąd: N54,35° E18,63° (Gdańsk)

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

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


Ten post edytował b4x 13.07.2008, 11:44:52
Go to the top of the page
+Quote Post
krzychu0808
post
Post #3





Grupa: Zarejestrowani
Postów: 428
Pomógł: 2
Dołączył: 1.04.2007
Skąd: Pogorzelica

Ostrzeżenie: (10%)
X----

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
Go to the top of the page
+Quote Post
b4x
post
Post #4





Grupa: Zarejestrowani
Postów: 658
Pomógł: 95
Dołączył: 20.12.2005
Skąd: N54,35° E18,63° (Gdańsk)

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

Mi działa normalnie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

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


Taki kod normalnie mi działa (IMG:http://forum.php.pl/style_emoticons/default/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



(IMG:http://img501.imageshack.us/img501/9791/screexa1.jpg)

Ten post edytował b4x 13.07.2008, 13:25:13
Go to the top of the page
+Quote Post
krzychu0808
post
Post #5





Grupa: Zarejestrowani
Postów: 428
Pomógł: 2
Dołączył: 1.04.2007
Skąd: Pogorzelica

Ostrzeżenie: (10%)
X----

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

(IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
b4x
post
Post #6





Grupa: Zarejestrowani
Postów: 658
Pomógł: 95
Dołączył: 20.12.2005
Skąd: N54,35° E18,63° (Gdańsk)

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

Ahh bo tego

#menu0 dt {
// float : left; - tego nie powinno być (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)
clear: left;
}


Czyli:

[HTML] pobierz, plaintext 
  1. #menu0 dt {
  2. clear: left;
  3. }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
krzychu0808
post
Post #7





Grupa: Zarejestrowani
Postów: 428
Pomógł: 2
Dołączył: 1.04.2007
Skąd: Pogorzelica

Ostrzeżenie: (10%)
X----

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
Go to the top of the page
+Quote Post
b4x
post
Post #8





Grupa: Zarejestrowani
Postów: 658
Pomógł: 95
Dołączył: 20.12.2005
Skąd: N54,35° E18,63° (Gdańsk)

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

Jak się rozsypie - to daj znać w tym temacie (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) (nie zakładaj kolejnego (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) ) bo widzę 2 dotyczą praktycznie tego samego problemu ;P
Go to the top of the page
+Quote Post
krzychu0808
post
Post #9





Grupa: Zarejestrowani
Postów: 428
Pomógł: 2
Dołączył: 1.04.2007
Skąd: Pogorzelica

Ostrzeżenie: (10%)
X----

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

Ten post edytował krzychu0808 13.07.2008, 13:47:38
Go to the top of the page
+Quote Post
« 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: 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: 20.09.2025 - 23:47
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn