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

U css-u napraviti mali okvir i u njega upisati ime i ubaciti sliku

[es] :: Web dizajn i CSS :: U css-u napraviti mali okvir i u njega upisati ime i ubaciti sliku

[ Pregleda: 4134 | Odgovora: 1 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Milos88_vkbgd
Beograd

Član broj: 75464
Poruke: 282
*.adsl-a-2.sezampro.yu.

Sajt: milos88_vkbgd.webs.com/ap..


+1 Profil

icon U css-u napraviti mali okvir i u njega upisati ime i ubaciti sliku11.05.2010. u 00:18 - pre 169 meseci
Napravio sam u Photoshopu okvir i u njega zelim preko css da definishem da mi u gornjem delu na sredini bude ispisan text, a u centralnom delu da stoji jos jedna slika, koja je centrirana. U attachmentu se nalazi okvir koji je napravljen u photoshopu, pa ako moze neko da pomogne u css-u oko koda bilo bi lepo.

Pozdrav.
Na ovom linku mozete i pogledati sta kupujete http://milos88_vkbgd.webs.com/apps/photos/album?albumid=7748164
Informacije o hardveru koji zelite da kupite nalaze se ispod slika, potrebno je samo kliknuti na sliku.
Prikačeni fajlovi
 
Odgovor na temu

acca3
Aleksandar
internet konsalting
internet

Član broj: 81635
Poruke: 353
79.101.63.*

Sajt: https://plus.google.com/+..


+23 Profil

icon Re: U css-u napraviti mali okvir i u njega upisati ime i ubaciti sliku13.05.2010. u 23:34 - pre 168 meseci
Možeš ovako.
U images folder staviš box koji si napravio (slika.png) i manju sliku koja treba da bude u sredini (slika2.jpg).
Onda:

HTML:
Code:
<div id="okvir">
    <p>neki tekst</p>
    <p><img src="images/slika2.jpg" alt="" /></p>
    </div>



CSS:
Code:
#okvir {
    background: url('images/slika.png');
    height: 150px;
    width: 150px;
}

#okvir p {
    text-align: center;
}

#okvir img {
    margin-top: 15px;
}



Ovaj margin-top podesiš kako ti odgovara, ovo je primer za centriranje slike koja je visine 50px.
seo optimizacija sajtova za Google
Neparno 10
 
Odgovor na temu

[es] :: Web dizajn i CSS :: U css-u napraviti mali okvir i u njega upisati ime i ubaciti sliku

[ Pregleda: 4134 | Odgovora: 1 ] > FB > Twit

Postavi temu Odgovori

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