Pomoc oko HTML coda u template :)

[ DusanSukovic @ 12.09.2011. 11:17 ] @

Imam sledeci code snippet, gde zelim da dodam na dugmad text npr 1. dugme cena proizvoda, 2.dugme kao "naruci".
(slika prilozena). Iskreno, trazio sam na netu razne primere, ali mi jednostavno ne ide ovo, kako da ovo izvedem?

Hvala!

Code:

<div class="indent-col-1">
                        <img src="images/banner_title_1.jpg" class="banner-title" alt="" />
                        <span class="banner-text">Flat paket od 512/512 kbit/sec.</span>
                        <a href="#"><img src="images/banner_text_1.gif" class="banner-text1" alt="" /></a>
                        <span class="banner-button"><a href="#"><img src="images/banner_button_1.gif" alt="" /></a><a href="#"><img src="images/banner_button_2.gif" alt="" /></a></span>
                    </div>

[ Aleksandar Ružičić @ 12.09.2011. 15:19 ] @

koristi css umesto img taga, evo ovde imas nekoliko (22) tutorijala o tome - http://speckyboy.com/2009/05/2...ling-tutorials-and-techniques/

[ DusanSukovic @ 13.09.2011. 13:34 ] @

Citat:

Da li je moguce ovde dodati tekst na banner_button_1.gif i banner_button_2.gif i kako?

Hvala!

[ acca3 @ 14.09.2011. 07:42 ] @

Možeš. Recimo ovaj deo

Code:
<a href="#"><img src="images/banner_button_1.gif" alt="" /></a>

ideš kao

Code:
<a class="button1" href="#">button 1 tekst</a>

i u CSS fajl staviš

Code:
.button1 {background-image:url('images/banner_button_1.gif');}

Sštim što bi se možda trebalo dodati i ekperimentisati i sa padding, heigh i width kako bi se videla cela pozadina.

[ DusanSukovic @ 14.09.2011. 11:56 ] @

Stvar izgleda sad ovako:

Nema belog dugmeta, samo tekst koji je trebao biti na dugmetu..

_{[Ovu poruku je menjao DusanSukovic dana 14.09.2011. u 13:17 GMT+1]}

[ acca3 @ 15.09.2011. 08:00 ] @

Izvini, u CSS ide:

Code:
a.button1 {background-image:url('images/banner_button_1.gif');}

Znači, dodaj a ispred .button1

[ DusanSukovic @ 15.09.2011. 12:56 ] @

Otprilike radi nekako sad :)

Prilazem sliku, samo me zanima kako da izvedem istovremeno da bude text na beloj i narandzastoj slicici?

ps.

Uz tvoja upustva koristio sam i ovaj tutorial, koji se bitno ne razlikuje od onog sto si mi ti pisao.

http://www.xul.fr/en/css/button.php

Zahvaljujem!

[ Aleksandar Ružičić @ 15.09.2011. 13:20 ] @

Citat:

DusanSukovic: Prilazem sliku, samo me zanima kako da izvedem istovremeno da bude text na beloj i narandzastoj slicici?

napravi novu klasu u css-u na isti nacin kao sto si uradio za belu sliku (samo ovaj puti koristi narandzastu sliku)

[ DusanSukovic @ 15.09.2011. 13:47 ] @

Bravo! Hvala vam obojici! To je to, samo imam jos pitanje, gde menjam boju slova na dugmicima, meni je default narandzasta boja u Mozilli :)

[ Aleksandar Ružičić @ 15.09.2011. 23:06 ] @

Code:

a.button1 {
background-image:url('images/banner_button_1.gif');
color: #000;
}

btw procitaj malo css basics, verujem da ce ti koristiti...

[ DusanSukovic @ 16.09.2011. 09:44 ] @

Jos jednom Hvala :)