Probaj ovako nešto..
( napamet )
Code:
#img4
{
vertical-align:middle; /* ili top? -> vertical-align:top; */
margin:0;
padding:0;
display: inline;
}
Inače, JAKO LOŠE je to što u sred h1 taga ubacuješ sliku. Animirani gif, jpg.. šta god. Preporučuje se da h1, h2, h3, h4, h5, h6 tagovi sadrže isključivo i isključivo samo tekst. Isto tako, trudiš se da u sklopu h* tagova, nemaš čak ni <span> tagove, dakle, ništa, ništa od toga..
Ukoliko hoćeš da ti to bude baš naslov, onda probaj da se poigraš sa dinamičkim listama.
Code (html):
<dl>
<dt> Ovaj tag može uz pomoć css-a da izgleda kao mimika h1 naslova..
i slobodno možeš umuvati i sliku u sklopu istog, google neće gledati na to kao na penal.
</dt>
<dd> Ovaj tag, ide nakon dt taga (definition term) I predstavlja isto što i ul tag s' tim što MORA imati po jedan dt tag, pre toga.
Gde broj dd tagova jeste proizvoljan.
</dd>
</dl>
Pravilno...
Code (html):
<dl class="something">
<dt> Term / title
</dt>
<dd> Dynamic List item
</dd>
<dd> Dynamic List item
</dd>
<dd> Dynamic List item
</dd>
<dt> Term / title
</dt>
<dd> Dynamic List item
</dd>
<dt> Term / title
</dt>
<dd> Dynamic List item
</dd>
</dl>
Nepravilno za html5 * (za starije doctype-ove, sasvim svejedno, validno)
Code (html):
<dl class="something">
<dd> Dynamic List item
</dd>
<dd> Dynamic List item
</dd>
<dd> Dynamic List item
</dd>
<dd> Dynamic List item
</dd>
<dd> Dynamic List item
</dd>
</dl>
about:networking