H1 przełamuje linię

[matrag]

Witam,

Wydawało mi się, że w html i css nic mnie nie zaskoczy (nie zawsze robię poprawnie, ale żądany efekt osiągam), a nie mogę sobie poradzić z prostą sprawą, być może zaćmienie jakieś.

W nagłówku serwisu jest plik graficzny z logo i nazwą serwisu a obok niego baner reklamowy dokładnie tej samej wysokości (czyli dwa prostokąty obok siebie).

Pierwszy z nich to plik jpg dodatkowo objęty znacznikami <a href i z title ze słowem kluczowym, najistotniejszym dla serwisu. Drugi to baner z PhpAdsnew (OpenX).

Chcę ten klikalny plik z logo objąć H1. Niestety jeżeli umieszczę h1 w taki sposób:

<h1><a href..........>słowo_kluczowe</a></h1> i tu includuje plik z banerem to pierwszy jest pół centymetra wyżej niż ten baner, a mają być równo, gdyż są tej samej wysokości i dodatkowo zamknięte w tabeli.

Tak to wygląda:

<table width="980px" align="center" cellspacing="0" cellpadding="0" border="0"><tr><td>

<a href="https://domena" title="słowo_kluczowe"><img src="plik.jpg" width="620" height="120" border="0" alt="słowo_kluczowe" align="left"></a>

[tu java script wczytujący baner]

</td></tr></table>

i jest ok., a jak wstawię h1 to są nierówno, pół centymetra różnicy.

[Karlosky]

Po pierwsze, to nie robi się już stron na tabelkach.

Po drugie, oczywiście, że tak będzie, bo h1 ma standardowo szerokość 100%, więc nie masz tam miejsca obok na cokolwiek innego. Powinieneś to zmieniać w CSS.

[adomaitis]

Po pierwsze, to nie robi się już stron na tabelkach.

Po drugie, oczywiście, że tak będzie, bo h1 ma standardowo szerokość 100%, więc nie masz tam miejsca obok na cokolwiek innego. Powinieneś to zmieniać w CSS.

chyba na ramkach, na tabelkach sie robi i nie ma to wiekszego znaczenia dla google

[Karlosky]

Chyba jednak na tabelkach. O ramkach już nawet nie wspominam.

Zachęcam do obejrzenia:

https://www.hotdesign.com/seybold/

W czasach, gdy wchodzi HTML5 masz zamiar dalej tworzyć strony na tabelkach?

Edit:

Jakby nadal było niezrozumiałe, to tutaj jest polska wersja:

https://osiolki.net/tabelki/

A jeśli chodzi o Google, to nikt tu nie pyta o to, co G bierze pod uwagę...

[megauser]

chyba na ramkach, na tabelkach sie robi i nie ma to wiekszego znaczenia dla google puknijsie.gif

Straszne głupoty gadasz. Budowanie semantycznego kodu jest zarówno dobre dla użytkowników i ich przeglądarek, jak i wyszukiwarek. To że łatwiej na nich budować to nie znaczy że są lepsze.

<h1><a href..........>słowo_kluczowe</a></h1> i tu includuje plik z banerem to pierwszy jest pół centymetra wyżej niż ten baner, a mają być równo, gdyż są tej samej wysokości i dodatkowo zamknięte w tabeli.

Tadam!

h1 {display:inline;margin:0;padding:0;}

[matrag]

Tadam!

h1 {display:inline;margin:0;padding:0;}

Dzięki - o to chodziło.

Co do tabele vs divy - zdań jest wiele. Używam głównie div, ale czasem korzystam miejscami z tabel, nie przekłada się to jakoś ujemnie ani na korzystanie ze strony ani na pozycje.

[fuser]

To że łatwiej na nich budować to nie znaczy że są lepsze.

Łatwiej buduje się strony na tabelach? No daj Pan spokój ;-)

Na tabelach się nie robi i już. Służą one do pokazywania w nich danych tabelarycznych, a nie umieszczania treści strony. Poza tym mają wiele ograniczeń i wszystko co da się zrobić w tabeli da się również zrobić w divach, ale na odwrót już niestety nie.