Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS] Jak wyświetlić 2 divy (1 z fieldsetem) w 1 linii?
pawelooss
post
Post #1





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 27.09.2009
Skąd: Ruda Śląska

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

Witam!

Potrzebuję wyświetlić dwa obiekty DIV w jednej linii. Poniżej podaję kod.
Sytuacja wygląda tak, że nie mogę zmienić niczego, co znajduje się w nagłówku strony, mogę jedynie ratować się parametrem <* style="">.

[HTML] pobierz, plaintext 
  1. <html><head><style type="text/css">
  2.  
  3. body                    { width: 1002px; margin: 20px auto; }
  4. fieldset                { border-width: 0; text-align: right; margin-top: 15px; height: 2.5em; }
  5.  
  6. </style></head><body>
  7.  
  8. <div float="left">      Witamy na naszej ekstra stronie! :)</div>
  9. <div float="right">     <fieldset>Serdecznie! (IMG:style_emoticons/default/biggrin.gif) </fieldset></div>
  10.  
  11. </body></html>
[HTML] pobierz, plaintext



Ktoś ma jakiś pomysł, jak to zrobić? (IMG:style_emoticons/default/snitch.gif) Oczywiście za pomoc będzie pochwała! (IMG:style_emoticons/default/smile.gif)


Pozdrawiam,
pawelooss

Ten post edytował pawelooss 22.03.2010, 00:20:52
Go to the top of the page
+Quote Post
koreja
post
Post #2





Grupa: Zarejestrowani
Postów: 120
Pomógł: 22
Dołączył: 15.07.2008
Skąd: Raniżów/Rzeszów

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

Dodaj im :
[HTML] pobierz, plaintext 
  1. style="display:inline-block"
[HTML] pobierz, plaintext


Pamiętaj o tym, że ich łączna szerokość musi być mniejsza od szerokości strony
Go to the top of the page
+Quote Post
pawelooss
post
Post #3





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 27.09.2009
Skąd: Ruda Śląska

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

Dzięki! (IMG:style_emoticons/default/smile.gif) Pojawił się jednak nowy problem. Oba DIV-y są zbite, przyklejone do siebie, zamiast wg floatów być rozsunięte do obu krawędzi strony. Mój kod wygląda następująco.

[HTML] pobierz, plaintext 
  1. <html><head><style type="text/css">
  2.  
  3. body                    { width: 1002px; margin: 20px auto; }
  4. fieldset                { border-width: 0; text-align: right; margin-top: 15px; height: 2.5em; }
  5.  
  6. </style></head><body>
  7.  
  8. <div float="left"  style="vertical-align:top; display: inline-block;">     Witamy na naszej ekstra stronie! :)</div>
  9. <div float="right" style="margin-top: -20px;  display: inline-block;">     <fieldset>Serdecznie! (IMG:style_emoticons/default/biggrin.gif) </fieldset></div>
  10.  
  11. </body></html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
koreja
post
Post #4





Grupa: Zarejestrowani
Postów: 120
Pomógł: 22
Dołączył: 15.07.2008
Skąd: Raniżów/Rzeszów

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

Daj im floaty w stylach (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
pawelooss
post
Post #5





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 27.09.2009
Skąd: Ruda Śląska

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

Wszystko działa idealnie. (IMG:style_emoticons/default/smile.gif) Dziękuję. (IMG:style_emoticons/default/smile.gif)
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: 16.09.2025 - 06:45
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn