Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: problem z ukladem w div
Forum PHP.pl > Forum > Przedszkole
Sebastian003
28.12.2007, 21:10:05
2 pionowe tabele

przykład wygląda tak (tylko to na tabelkach jest a ja chcę na div)

http://kameleon.web-pc.pl/statystyki.html

moj kod wszytko zle sie wyswietala

http://kameleon.web-pc.pl/kontakt.html

Kod
<style>
.center
{
    height:36px;
    width:483px;
    background-image: url('http://www.web-pc.pl/nowy/images/podmenu.png');
    float: left;
}
.center2
{
    height:36px;
    width:240px;
    background-image: url('http://www.web-pc.pl/nowy/images/boczne.png');
    float: left;
}
.a
{
    height:6px;
    width:483px;
    background-image: url('http://kameleon.web-pc.pl/images/a.png');

}

.b
{
    height:94px;
    width:483px;
    background-image: url('http://kameleon.web-pc.pl/images/b.png');

}

.c
{
    height:6px;
    width:483px;
    background-image: url('http://kameleon.web-pc.pl/images/c.png');

}

.lola
{
    height:6px;
    width:240px;
    background-image: url('http://kameleon.web-pc.pl/images/1.png');
    background-repeat: no-repeat;
    float: left;
}

.lolb
{
    height:94px;
    width:240px;
    background-image: url('http://kameleon.web-pc.pl/images/2.png');
    background-repeat: no-repeat;
    float: left;
}

.lolc
{
    height:6px;
    width:240px;
    backgroun:-image:('http://kameleon.web-pc.pl/images/3.png');
    background-repeat: no-repeat;
    float: left;
}
</style>
<div class="center"></div>
<div class="center2"></div>

<div class="a"></div>
<div class="b"></div>
<div class="c"></div>

<div class="lola"></div>
<div class="lolb"></div>
<div class="lolc"></div>
xbigos
28.12.2007, 21:31:08 
[HTML] pobierz, plaintext 
  1. <style>
  2. .center
  3. {
  4.     height:36px;
  5.     width:483px;
  6.     background-image: url('http://www.web-pc.pl/nowy/images/podmenu.png');
  7.     float: left;
  8. }
  9. .center2
  10. {
  11.     height:36px;
  12.     width:240px;
  13.     background-image: url('http://www.web-pc.pl/nowy/images/boczne.png');
  14.     float: left;
  15. }
  16. .a
  17. {
  18.     height:6px;
  19.     width:483px;
  20.     background-image: url('http://kameleon.web-pc.pl/images/a.png');
  21.  
  22. }
  23.  
  24. .b
  25. {
  26.     height:94px;
  27.     width:483px;
  28.     background-image: url('http://kameleon.web-pc.pl/images/b.png');
  29.  
  30. }
  31.  
  32. .c
  33. {
  34.     height:6px;
  35.     width:483px;
  36.     background-image: url('http://kameleon.web-pc.pl/images/c.png');
  37.  
  38. }
  39.  
  40. .lola
  41. {
  42.     height:6px;
  43.     width:240px;
  44.     background-image: url('http://kameleon.web-pc.pl/images/1.png');
  45.     background-repeat: no-repeat;
  46. }
  47.  
  48. .lolb
  49. {
  50.     height:94px;
  51.     width:240px;
  52.     background-image: url('http://kameleon.web-pc.pl/images/2.png');
  53.     background-repeat: no-repeat;
  54.  
  55. }
  56.  
  57. .lolc
  58. {
  59.     height:6px;
  60.     width:240px;
  61.     background-image: url('http://kameleon.web-pc.pl/images/3.png');
  62.     background-repeat: no-repeat;
  63.  
  64. }
  65. </style>
  66.  
  67. <div style="height:36px;">
  68. <div class="center"></div>
  69. <div class="center2"></div>
  70. </div>
  71. <div style="float: left;">
  72. <div class="a"></div>
  73. <div class="b"></div>
  74. <div class="c"></div>
  75. </div>
  76. <div style="float: left;">
  77. <div class="lola"></div>
  78. <div class="lolb"></div>
  79. <div class="lolc"></div>
  80. </div>
[HTML] pobierz, plaintext

Robione na szybko musisz sobie z tym porządek zrobić. Poustawiaj sobie odstępy miedzy div-ami jak chcesz. i wejdźże na http://kurs.browsehappy.pl. poczytaj a nie z każdym problemem pokolei piszesz na forum. rozumiem czegos nie wiedziec ale kolejny raz tego samego nie wiesz.
Masz straszny bajzel w tym kodzie. Wiekszość czasu zajeło mi domyślanie się o co w tym chodzi.
Nie nazywaj obiektów jako .1, .2
Tylko tak żeby było wiadomo o co chodzi.
np
div.topLeft, div.topRight
Sebastian003
28.12.2007, 22:05:28
Ok dzięki wybawco powiedz jeszcze rak rozdzielić te poziome ze soba złączone elementy bo odzielilem tylko odstep a tamtego nie wiem

Kod
<div style="height:36px;">
<div class="center"></div>
<div class="center2"></div>
</div>
<br>
<div style="float: left;">
<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
</div>
<div style="float: left;">
<div class="lola"></div>
<div class="lolb"></div>
<div class="lolc"></div>
</div>
xbigos
28.12.2007, 22:09:31 
[HTML] pobierz, plaintext 
  1. <style>
  2. .center
  3. {
  4. height:36px;
  5. width:483px;
  6. background-image: url('http://www.web-pc.pl/nowy/images/podmenu.png');
  7. float: left;
  8. }
  9. .center2
  10. {
  11. height:36px;
  12. width:240px;
  13. background-image: url('http://www.web-pc.pl/nowy/images/boczne.png');
  14. float: left;
  15. }
  16. .a
  17. {
  18. height:6px;
  19. width:483px;
  20. background-image: url('http://kameleon.web-pc.pl/images/a.png');
  21.  
  22. }
  23.  
  24. .b
  25. {
  26. height:94px;
  27. width:483px;
  28. background-image: url('http://kameleon.web-pc.pl/images/b.png');
  29.  
  30. }
  31.  
  32. .c
  33. {
  34. height:6px;
  35. width:483px;
  36. background-image: url('http://kameleon.web-pc.pl/images/c.png');
  37.  
  38. }
  39.  
  40. .lola
  41. {
  42. height:6px;
  43. width:240px;
  44. background-image: url('http://kameleon.web-pc.pl/images/1.png');
  45. background-repeat: no-repeat;
  46. }
  47.  
  48. .lolb
  49. {
  50. height:94px;
  51. width:240px;
  52. background-image: url('http://kameleon.web-pc.pl/images/2.png');
  53. background-repeat: no-repeat;
  54.  
  55. }
  56.  
  57. .lolc
  58. {
  59. height:6px;
  60. width:240px;
  61. background-image: url('http://kameleon.web-pc.pl/images/3.png');
  62. background-repeat: no-repeat;
  63.  
  64. }
  65. </style>
  66.  
  67. <div style="height:36px;">
  68. <div class="center" style="margin-right: 5px;"></div>
  69. <div class="center2"></div>
  70. </div>
  71. <div style="float: left;" >
  72. <div class="a" style="margin-right: 5px; margin-top: 5px;"></div>
  73. <div class="b" style="margin-right: 5px;"></div>
  74. <div class="c" style="margin-right: 5px;"></div>
  75. </div>
  76. <div style="float: left;">
  77. <div class="lola" style="margin-right: 5px; margin-top: 5px;"></div>
  78. <div class="lolb" style="margin-right: 5px;"></div>
  79. <div class="lolc" style="margin-right: 5px;"></div>
  80. </div>
[HTML] pobierz, plaintext

chociazby w ten sposób. Troche brzydki ale chce Ci pokazać o co dokładniej chodzi. Przeczytaj ten kurs. Napewno Ci nie zaszkodzi.
Sebastian003
28.12.2007, 22:14:01
dzięki za wszystko od jutra sobie poczytam kurs na spokojnie thx
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.