Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] dwa divy w jednej linijce
Forum PHP.pl > Forum > Przedszkole
shpaque
Witam ponownie,

problem z jakim przyszło mi się zmierzyć jest co najmniej dziwny.

  1. <div id="preview" display="inline"></div>
  2. <div id="preview1b" display="inline"></div>
  3. <div id="preview2" display="block"></div>
  4. <div id="preview3" display="block"></div>
  5. <div id="preview4" display="block"></div>
  6. <div id="preview5" display="block"></div>
  7. <div id="preview6" display="block"></div>
  8. <div id="preview7" display="block"></div>


chciałbym, żeby preview i preview1b były wyświetlane w jednej linii niezależnie od tego, czy jutrowanie jest lewo środek czy prawo, bop teraz wygląda to tak:

- jeśli justowanie wszystkich jest na środku, to preview i preview1b są jeden pod drugim
- jeśli justowanie preview'a dam na lewo lub prawo - w wiersz wyżej wskakuje preview1b, ale również w ten sam wiersz wskakuje preview2...

chcę żeby od prewiew2 do końca wszystko było pod sobą, a preview i preview1b zawsze było w jednej linii
RiE
Div nie ma takiego atrybutu jak display(chyba że coś się zmieniło), ma natomiast atrybut, który nazywa się style

  1. <div id="preview" style="display:inline-block"></div>
  2. <div id="preview1b" style="display:inline-block"></div>
  3. <div id="preview2"></div>
  4. <div id="preview3"></div>
  5. <div id="preview4"></div>
  6. <div id="preview5"></div>
  7. <div id="preview6"></div>
  8. <div id="preview7></div>
shpaque
...tak cyz inaczej trzeci wiersz wchodzi w pierwsza linijke jesli pierwsza i druga maja odpowiednio justowanie left i right
tomxx
Ale o co dokładnie Ci chodzi? Tekst ma być wyjustowany czy wyrównany do prawej lub lewej? Jak chcesz, żeby pierwszy div był wyrównany do lewej, a drugi do prawej, to możesz zrobić to w ten sposób:
  1. <div style="display: inline-table; width: 100%;">
  2. <div id="preview" style="display: table-cell; width: 50%;">tekst</div>
  3. <div id="preview1b" style="display: table-cell; width: 50%; text-align: right;">tekst</div>
  4. </div>
  5. <div id="preview2"></div>
  6. ... itd. ...
Jeżeli masz na myśli coś innego to powiedz dokładnie co, bo na razie to takie trochę wróżenie...
shpaque
http://smusic.nazwa.pl/_test/mip/

wejdź, wypełnij 3 pierwsze wiersze, a później daj dwóm pierwszym justowanie np 1. lewy, a 1b (szary) prawy... Oba będą w jednej linijce - i o to chodzi, ale trzeci wiersz wskoczy na górę - i tego nie może być...
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.