Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML]Nagłówek w divie - wyśrodkowanie tekstu w pionie
Poczatkujacyyo
post
Post #1





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 22.10.2012

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


Cześć, jako, że od 3 dni robię jeden szablon i jestem w tym nowy mam pewien kłopot. Chcąc zrobić div mający w nagłówku tło i tekst a w ciele diva 4 inne obrazki zrobiłem to jako dwa divy.
1 - to nagłówek, a 2 to tło z 4 obrazkami - poprawnie?
Chodzi o to, że nie mogę wyśrodkować w pionie tekstu w tym nagłówku:
  1. <div id="help_head">Pomoc</div>
  2. <div id="help">
  3. <img src="images/1.jpg" width="125px" height="125px" alt="" style="float:left; margin:10px 0px 0px 10px">
  4. <img src="images/2.jpg" width="125px" height="125px" alt="" style="float:right; margin:10px 10px 0px 4px">
  5. <img src="images/3.jpg" width="125px" height="125px" alt="" style="float:left; margin:6px 0px 0px 10px">
  6. <img src="images/4.jpg" width="125px" height="125px" alt="" style="float:right; margin:6px 10px 0px 4px">
  7. </div>


CSS:
  1. #help_head {
  2. background: url(images/helphead.jpg) repeat-x;
  3. height:30px;
  4. width:276px;
  5. margin:20px 38px 0px 0px;
  6. border:solid #ebead1;
  7. float:right;
  8. padding:0px;
  9. vertical-align:middle;
  10. display:table-cell;
  11.  
  12. }
  13.  
  14. #help {
  15. height:279px;
  16. width:276px;
  17. margin:53px -282px 0px 0px;
  18. background: url(images/helpback.jpg) repeat-x;
  19. float:right;
  20. padding:0px;
  21. overflow:hidden;
  22. border: solid #ebead1;
  23. }
Go to the top of the page
+Quote Post
rad11
post
Post #2





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

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


Chodzi Ci o o to aby tekst Pomoc był na srodku ? Jeśli tak to dodaj text-align: center; do help_head.

Ten post edytował rad11 22.09.2013, 10:04:51
Go to the top of the page
+Quote Post
Rysh
post
Post #3





Grupa: Zarejestrowani
Postów: 821
Pomógł: 111
Dołączył: 11.09.2006
Skąd: Biała Podlaska

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


Cytat(rad11 @ 22.09.2013, 11:03:57 ) *
Chodzi Ci o o to aby tekst Pomoc był na srodku ? Jeśli tak to dodaj text-align: center; do help_head.

W pionie nie w poziomie.


--------------------
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 Aktualny czas: 21.08.2025 - 06:19