Tekst na obrazku Opcje

[Piciek]

Chcialbym uzyskac taki efekt..


Ten post edytował Piciek 29.03.2009, 10:35:57

[jinchuriki]

Kod

<div style="background-image: url(link do obrazka); width: szerokość; height: wysokość;">Jakiś tekst</div>

[wookieb]

A jakieś próby podejmowałeś czy liczysz na to, że usiądziemy z tobą i poprowadzimy za rączke?
Pokaż co próbowałeś. Dowiedz się o position: relative, top i left. A takze opacity (dla ie wpisz w google "ie opacity")

[Piciek]

a zeby tekst byl na pasku a ten pasek przeźroczysty..?

[jinchuriki]

Ten pasek musisz zrobić graficznie. Pogrzeb jeszcze w stylach żeby ustawić tekst gdzie chcesz. Przyda Ci się margin.

[Piciek]

musi sie chyba dac jakos zrobic ten pasek nie tylko graficznie..?

[jinchuriki]

Możesz zrobić diva w divie. Zmniejszysz tylko krycie.

[Piciek]

jestes w stanie mi pomoc w zrobieniu tego diva w divie? bylbym bardzo wdzieczny

[kamil4u]

Skorzystaj z tego: http://rafael.webd.pl/tmp/Slideshow/ - popatrz w kod i przeanalizuj sobie krok po kroku - sam CSS

[mls]

html:

[HTML] pobierz, plaintext 
<div class="image">
    <img src="..." alt="" />
    <span class="image-desc">Opis do obrazka</span>
</div>
[HTML] pobierz, plaintext 

css:

Kod

div.image { overflow: hidden; position: relative; }
div.image span.image-desc { position: absolute; display: block; bottom: 0; left: 0; right: 0; padding: 10px; background: #000; color: #f80; opacity: 0.6; }

[piotrooo89]

Ten pasek musisz zrobić graficznie. Pogrzeb jeszcze w stylach żeby ustawić tekst gdzie chcesz. Przyda Ci się margin.

hmmm... opacity w fx filtry w IE. i nie trzeba kombionować http://olaszewski.com/2008/12/05/przezroczystosc-w-ie/

[Piciek]

Wielkie dzieki wszystkim. Pozdrawiam