Kako centrirati sliku s div-om?

poruka: 8
|
čitano: 2.503
|
moderatori: XXX-Man, vincimus
1
+/- sve poruke
ravni prikaz
starije poruke gore
17 godina
offline
Kako centrirati sliku s div-om?

Rijec je o joomli.

 

U jednom clanku sam stavio <div class="spotlight" style="background: url(images/logo.png); width: 240px; height: 180px;"></div> i dobijem sliku s lijeve strane clanka. Htio bih sliku staviti na sredinu. Kako to mogu napraviti?

 

Hvala unaprijed!

TrustNo1
 
0 0 hvala 0
17 godina
offline
Kako centrirati sliku s div-om?

<div class="spotlight" style="background: url(images/logo.png) center; width: 240px; height: 180px;"></div>

 

Pogledaj na ovom linku:

http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_position

 
0 0 hvala 0
14 godina
neaktivan
offline
Re: Kako centrirati sliku s div-om?
Miki77 kaže...

Rijec je o joomli.

 

U jednom clanku sam stavio <div class="spotlight" style="background: url(images/logo.png); width: 240px; height: 180px;"></div> i dobijem sliku s lijeve strane clanka. Htio bih sliku staviti na sredinu. Kako to mogu napraviti?

 

Hvala unaprijed!

<div style="width: 240px; height: 180px; margin-left: auto; margin-right:auto;"></div>

17 godina
offline
Re: Kako centrirati sliku s div-om?
nesto222 kaže...

<div class="spotlight" style="background: url(images/logo.png) center; width: 240px; height: 180px;"></div>

Ovaj center mi nazalost nije pomogao. {#}

 

 

TrustNo1
17 godina
offline
Re: Kako centrirati sliku s div-om?
gogsonja kaže...
Miki77 kaže...

Rijec je o joomli.

 

U jednom clanku sam stavio <div class="spotlight" style="background: url(images/logo.png); width: 240px; height: 180px;"></div> i dobijem sliku s lijeve strane clanka. Htio bih sliku staviti na sredinu. Kako to mogu napraviti?

 

Hvala unaprijed!

<div style="width: 240px; height: 180px; margin-left: auto; margin-right:auto;"></div>

Kako da zajedno napravim style koji imam i koji si ti stavio?

TrustNo1
14 godina
neaktivan
offline
Re: Kako centrirati sliku s div-om?
Miki77 kaže...
gogsonja kaže...
Miki77 kaže...

Rijec je o joomli.

 

U jednom clanku sam stavio <div class="spotlight" style="background: url(images/logo.png); width: 240px; height: 180px;"></div> i dobijem sliku s lijeve strane clanka. Htio bih sliku staviti na sredinu. Kako to mogu napraviti?

 

Hvala unaprijed!

<div style="width: 240px; height: 180px; margin-left: auto; margin-right:auto;"></div>

Kako da zajedno napravim style koji imam i koji si ti stavio?

Prvo provjeri sta imas u "spotlightu" (postoje li margine ili padding). Ako je "spotlight" cist onda samo napisi <div class="spotlight" style="background: url(images/logo.png); width: 240px; height: 180px;  margin-left: auto; margin-right:auto;"></div>.

Uglavnom kljuc ti je da imas automatske margine na odredjeni width i div ce ti bit centriran

17 godina
offline
Re: Kako centrirati sliku s div-om?
gogsonja kaže...
Miki77 kaže...
gogsonja kaže...
Miki77 kaže...

Rijec je o joomli.

 

U jednom clanku sam stavio <div class="spotlight" style="background: url(images/logo.png); width: 240px; height: 180px;"></div> i dobijem sliku s lijeve strane clanka. Htio bih sliku staviti na sredinu. Kako to mogu napraviti?

 

Hvala unaprijed!

<div style="width: 240px; height: 180px; margin-left: auto; margin-right:auto;"></div>

Kako da zajedno napravim style koji imam i koji si ti stavio?

Prvo provjeri sta imas u "spotlightu" (postoje li margine ili padding). Ako je "spotlight" cist onda samo napisi <div class="spotlight" style="background: url(images/logo.png); width: 240px; height: 180px;  margin-left: auto; margin-right:auto;"></div>.

Uglavnom kljuc ti je da imas automatske margine na odredjeni width i div ce ti bit centriran

Ok, probat cu pa javim.

TrustNo1
14 godina
neaktivan
offline
Re: Kako centrirati sliku s div-om?

Ako ne bude radilo samo posalji sta imas unutar spotlight klase (i podklasa ako postoje).

1
Nova poruka
E-mail:
Lozinka:
 
vrh stranice