Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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! biggrin.gif</fieldset></div>
  10.  
  11. </body></html>
[HTML] pobierz, plaintext



Ktoś ma jakiś pomysł, jak to zrobić? snitch.gif Oczywiście za pomoc będzie pochwała! smile.gif


Pozdrawiam,
pawelooss

Ten post edytował pawelooss 22.03.2010, 00:20:52
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
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! 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! 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 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. smile.gif Dziękuję. smile.gif
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 02:03
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn