Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML] problem z nagłowkiem i marginesem
hote
post 2.11.2011, 00:27:03
Post #1





Grupa: Zarejestrowani
Postów: 57
Pomógł: 0
Dołączył: 5.05.2010

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


Mam problem z dziwnym ustawianiem górnego marginesu dla czcionki.

Otóż mając kod:
  1. body
  2. {
  3. margin:0px;
  4. }
  5. #top
  6. {
  7. height:18px;
  8. background-color:red;
  9. padding:2px;
  10. }
  11. h1
  12. {
  13. font-size:12px;
  14. color:white;
  15. font-family:Verdana,Arial;
  16. display:inline;
  17. }
  18. </head>
  19. <div id="top"><h1>jakis tekst TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT</h1></div>
  20. </body>
  21. </html>


mamy to:

wszystko wyświetla się ok, natomiast zmieniając tylko nagłowek <html> na:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">


góry tekst odstaje ze 3-4px od góry bez przyczyny...;/ co wygląda tak:


gdzie leży problem?
Go to the top of the page
+Quote Post
Sokon
post 2.11.2011, 00:37:43
Post #2





Grupa: Zarejestrowani
Postów: 31
Pomógł: 1
Dołączył: 29.10.2008

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


Spróbuj do H1 dopisać padding: 0px;

  1. h1
  2. {
  3. font-size:12px;
  4. color:white;
  5. font-family:Verdana,Arial;
  6. display:inline;
  7. padding: 0px;
  8. }
Go to the top of the page
+Quote Post
hote
post 2.11.2011, 00:58:52
Post #3





Grupa: Zarejestrowani
Postów: 57
Pomógł: 0
Dołączył: 5.05.2010

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


zacząłem się bawić, powodem jest:
  1. display:inline;

dziwnie zrzuca niżej, pozostało więc zastąpienie na:
  1. float:left;

i to akurat nie powoduje zamieszania.
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: 14.08.2025 - 05:11