Span background css

Poz,

trebao bi pomoc ili savijet, na slici u privitku sam kreirao u css clasu za pozadinu u span tagu.
Jer moguce ovo siilo potegnuti malo ispred/iza zadnjeg slova u redu.

gdje je opa-poz clasa samo za pozadinu a opa-slo klasa samo za slova. Imam dva spana (tj dve klase) zato sta u redu postoji i treca klasa koja definira [Op. a].
Znam kako sve rjesiti sa div ali mi tu div ne pase.

Hvala

A ono, display: block;, dobiješ isti vrag kao i div pa ne znam odgovara li ti to.

da to je isto ko div. Prosiri se na cijeli red, to mi ne pase.
Hvala svejedno.

Ima li jos kakvih mogucnosti?

Čekaj, nisam baš shvatio što onda točno želiš postići?

htio bi da sivilo zavrsi par pixela iza zadnjeg slova u redu i da pocne par pixela prije.

Ovo sta si mi predlozio mi u ovom primjeru i pase, jer je dosta teksta. Negdje je taj box puno kraci pa onda ostatak reda do ruba stranice ispuni sivom.

Ok dakle nešto kao “padding” prije prvog slova i nakon posljednjeg? Prvo rješenje je da ubaciš space znak a dalo bi se sigurno nešto napraviti i sa :before i :after pseudo klasama, ali ne znam hoće li to podržavati većina browsera.

ovo sa padding prije prvog i zadnjeg slova sam nesto probavao, al nisam nis uspio. Imas li kakav savijet kak bi to trenbalo izgledati?
Space prije prvog slova i zadnjeg slova razvlaci samo u tom redu. Ja kad pisem tekst neznam di ce red bit prelomljen a i mislim da bi se tekst razlicito lomio u razlicitim rezolucijama.
pseudo klase, kao sta sam velis mogu bit problematicne.

Ah, ti zelis da to bude bas u svakom redu? Mislim da to neće ići nikako na ovaj način.

onaj prijedlog sta si dao na pocetku, display: block;, je najblize zeljenom, samo kod mnjega mi iz nepoznatog ratloga nakon svakog napravi
. Znaci imam [Op. a] Za Chop suey bi rekli da je čisto kinesko jelo[/Op. a] kad stavim display: block;
dobijem
[Op. a]
Za Chop suey bi rekli da je čisto kinesko jelo
[/Op. a]

ali ljepo u sivom…

A da probaš sa “box model-ima” za takve dijelove stranice ?

Evo par linkova za proučiti

http://learnwebcode.com/css-box-model-padding/

http://www.w3.org/TR/CSS2/box.html

http://www.addedbytes.com/for-beginners/the-box-model-for-beginners/

Ili kako je Riba rekao display:block; i još dodaj padding-left:10px; ( to dodaj u .opa-poz )

I tako dobiješ i lijevi padding. Samo ne znam koliki ti je drugi tekst. Kažeš da tu imaš onda problem.

display:inline-block;

odlicno to je to. inline je falio @riba da radi tvoj prvi prijedlog, jer bez bjega razvlaci pozadinu na cijeli red

Hvala svima

[quote=“tom971”]odlicno to je to. inline je falio @riba da radi tvoj prvi prijedlog, jer bez bjega razvlaci pozadinu na cijeli red

Hvala svima[/quote]

Dodaj još padding-left u .opa-poz da dobiješ lijevi razmak.

odlicno, to je fakat to.
Hvala

Palo mi je inline-block na pamet ali nisam vjerovao da bi to dalo željeni rezultat. Odlično ako je tako.


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja