[ fensi88 @ 22.01.2014. 20:23 ] @


Kako da postavim ovaj "smiley" u istom redu kao i teskt?
U <head>-u sam stavila:

#img4
{
vertical-align:middle;
margin-top:0px;
margin-bottom:1px;}

u <body>

<h3 class="razmak2">"Juce sam izgubila moju crveno/belu hemijsku olovku (znam,

katastrofa nevidjenih razmjera <img id="img4" src="Smiley.gif" width="15" height="15" />!)

i bas me zivcira sto je ne mogu naci. Kad sam sve pretrazila, sjetila sam se horarne i

postavila pitanje: Gde je moja hemijska olovka. .."</h3>
Sta treba da uradim da smiley gif bude odmah i u istom redu sa ..."nevidjenih razmjera" i da se posle tekst nastavlja iza.

Hvala na pomoci.
[ plus_minus @ 22.01.2014. 20:53 ] @
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>

 
[ fensi88 @ 22.01.2014. 21:12 ] @
Ovo je bio pun pogodak:

#img4
{
vertical-align:middle;
margin:0px;
padding:0px;
display: inline;}

BRAVO!!!!

plus_minus, hvala puno na ovako brzom i tacnom odgovoru!!!
[ plus_minus @ 22.01.2014. 21:24 ] @
Pa, ako te baš ** ona stvar šta google misli povodom slika unutar h1 taga .. ondak, nema na čemu. D:

ps: uopšte ne moraš da pišeš 0px , samo - 0

margin:0;
padding:0;
[ fensi88 @ 23.01.2014. 07:45 ] @
Ok, hvala na savetu za ovo bez px.

(A sto se tice ostalog teksta koji si poslao "dl, dd, dt" to je za mene "spansko selo", nisam ti ja tako veliki strucnjak!)

Pozdrav!