ar bildeem

[Robis]

Sveiki!

 

Vai kaads man nevareetu luudzu pateikt, vai ar css ir iespeejams:

1) uzlikt virs img objekta, respektiivi, atteela, lai ir kaut kaads textinjsh, tas ir lai vinjsh atrodas nevis zem atteela, bet virs taa noteiktaa vietaa?

2) ja tas ir iespeejams, tad kaa?

[Fatalis]

Tu esi jocīgs? Protams, ka ir.

 

<div id="semiir">Lorem ipsum...</div>

#semiir {
   background: url('images/foo.gif') no-repeat 0 0;
   width: Xpx; height: Ypx.
}

 

X - bildes platums, Y tās augstums.

[Robis]

Paldies, bet ar <span></span> elementu tas nav iespeejams???

[Fatalis]

Uff, neievēroju to "noteiktā" daļu.

 

Viens no veidiem:

 

<div id="foo"><p>Lorem ipsum dolor sit amet.</p></div>
#foo {
/* Tāpat kā iepriekšējajā piemērā */
 background: ...; 
 width: ...; height: ...;
/* Un šis: */
 position: relative;
}
#foo p {
 position: absolute; top: Ypx; right: Xpx;
 width: ...; height: ...;
}

X un Y - teksta attālums no attēla malām.

 

 

Cits piegājiems varētu būt ar <p> margin'iem; vai vispār bez <p>, bet ar Box Model Hack un padding'iem.

 

Kaut kā tā.

[Fatalis]

Paldies, bet ar <span></span> elementu tas nav iespeejams???

display: block;

Go home and die.

[Robis]

hmm... Paldies! Bet ko tas "display" ieksh css vispaar noziimee?

[Fatalis]

http://www.w3.org/TR/1998/REC-CSS2-1998051...ml#display-prop

 

http://www.w3schools.com/css/pr_class_display.asp