Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: problem z nagłówkami...
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
gladiror
  1. <table cellspacing="0" cellpadding="0">
  2. <tr>
  3. <td bgcolor="#ff8000" height="1px" width="450" align="center"><h1>Linkin Park - Hybrid Theory</h1></td>
  4. </tr>
  5. <tr>
  6. <td bgcolor="#eeeeee" height="450" valign="top">
  7. </td>
  8. </tr>


CSS:

H1 {
text-align : center;
font-family : Verdana;
font-size : 15px;
line-height : 10px;
}

Problem polega na tym, że nie moge ustawić wielkości rekordu w tabelce... (wysokości). Jak wpisuje go w foncie to dziala, ale jak pisz <h1></h1> to wtedy tabelka powieksza się... Jak zrobic używając <h1></h1> żeby miała wysokość tylko tekstu z <h1>?questionmark.gif?

Pozdrawiam
TomASS
spróbuj:

table h1{

}
gladiror
Nie działa...
Obczaj nastepującą sytuacje:

Jak masz <h1></h1>, i to co jest po </h1> jest w nastepnej linii...

Jak masz <font size="10px"></font>, i to co po </font> jest w tej samej linii...

I jak zrobić, żeby po </h1> było w tej samej linii?questionmark.gif
TomASS
Noto display:inline.
revyag
Elementy h służą do definiowania nagłówków, więc w Twoim przypadku ich stosowanie jest bez sensu. Zamiast kombinować, użyj span i po kłopocie.
ActivePlayer
revyag
Cytat
Elementy h służą do definiowania nagłówków, więc w Twoim przypadku ich stosowanie jest bez sensu. Zamiast kombinować, użyj span i po kłopocie.

z punktu widzenia programisty nie ma sensu. z punktu pozycjonującego jest juz troche inaczej.

co do tematu, sproboj display:block;
revyag
Cytat
z punktu pozycjonującego jest juz troche inaczej.

Nie za bardzo widze co tam jest do pozycjonowania. Tekst jest w komórce tabeli, więc jeśli chodzi wycentrowanie, to można to zrobić z poziomu elementu nadrzędnego.
Druga sprawa, domyślnie elementy h są blokowymi, więc Twoja rada się nie przyda snitch.gif,
poza tym posiadają margin i padding, różnie interpretowany przez przeglądarki.
Jeśli koniecznie już musi być ten h1 tam, to trzeba mu ustawić margin i padding na 0. Jeśli wszystko ma być w jednej linii to display:inline.
ActivePlayer
Cytat
Nie za bardzo widze co tam jest do pozycjonowania
w wyszukiwarkach. tak racja.
h1{
padding: 0px; margin: 0px; display: inline;
}
revyag
Cytat
Cytat

Nie za bardzo widze co tam jest do pozycjonowania

w wyszukiwarkach

to już inna sprawa snitch.gif
Kiedy nada się elementowi blokowemu, który domyślnie ma jakiś margin i padding styl display:inline, traci on te wartości, więc dodatkowe ich zerowanie jest nieporzebne.
gladiror
Wielki dzięki winksmiley.jpg Już wszystko działa tak jak chciałem!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.