Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML] dwa divy w jednej linijce
shpaque
post 6.02.2014, 11:50:48
Post #1





Grupa: Zarejestrowani
Postów: 651
Pomógł: 3
Dołączył: 31.01.2011
Skąd: Warszawa

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


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

Ten post edytował shpaque 6.02.2014, 11:52:27
Go to the top of the page
+Quote Post
RiE
post 6.02.2014, 12:26:50
Post #2





Grupa: Zarejestrowani
Postów: 97
Pomógł: 45
Dołączył: 5.05.2010

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


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>
Go to the top of the page
+Quote Post
shpaque
post 6.02.2014, 12:57:58
Post #3





Grupa: Zarejestrowani
Postów: 651
Pomógł: 3
Dołączył: 31.01.2011
Skąd: Warszawa

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


...tak cyz inaczej trzeci wiersz wchodzi w pierwsza linijke jesli pierwsza i druga maja odpowiednio justowanie left i right
Go to the top of the page
+Quote Post
tomxx
post 6.02.2014, 13:26:40
Post #4





Grupa: Zarejestrowani
Postów: 172
Pomógł: 27
Dołączył: 5.10.2013

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


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...
Go to the top of the page
+Quote Post
shpaque
post 6.02.2014, 13:33:45
Post #5





Grupa: Zarejestrowani
Postów: 651
Pomógł: 3
Dołączył: 31.01.2011
Skąd: Warszawa

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


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ć...

Ten post edytował shpaque 6.02.2014, 13:35:28
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 30.04.2025 - 08:29