Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

smiley pored teksta u istoj liniji?

[es] :: Web dizajn i CSS :: smiley pored teksta u istoj liniji?

[ Pregleda: 1107 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
*.ptt.rs.

Sajt: www.astrosport07.webs.com


+4 Profil

icon smiley pored teksta u istoj liniji?22.01.2014. u 20:23 - pre 91 meseci


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.
Pozdrav,
Goca
 
Odgovor na temu

plus_minus

Član broj: 289459
Poruke: 2242
*.dynamic.isp.telekom.rs.

Sajt: https://hardcoder.xyz


+2246 Profil

icon Re: smiley pored teksta u istoj liniji?22.01.2014. u 20:53 - pre 91 meseci
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
 
Odgovor na temu

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
*.ptt.rs.

Sajt: www.astrosport07.webs.com


+4 Profil

icon Re: smiley pored teksta u istoj liniji?22.01.2014. u 21:12 - pre 91 meseci
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!!!
Pozdrav,
Goca
 
Odgovor na temu

plus_minus

Član broj: 289459
Poruke: 2242
*.dynamic.isp.telekom.rs.

Sajt: https://hardcoder.xyz


+2246 Profil

icon Re: smiley pored teksta u istoj liniji?22.01.2014. u 21:24 - pre 91 meseci
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;
about:networking
 
Odgovor na temu

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
212.62.41.*

Sajt: www.astrosport07.webs.com


+4 Profil

icon Re: smiley pored teksta u istoj liniji?23.01.2014. u 07:45 - pre 91 meseci
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!
Pozdrav,
Goca
 
Odgovor na temu

[es] :: Web dizajn i CSS :: smiley pored teksta u istoj liniji?

[ Pregleda: 1107 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.