Kako na web-stranici poravnati sliku po sredini?

poruka: 29
|
čitano: 6.961
|
moderatori: XXX-Man, vincimus
1
+/- sve poruke
ravni prikaz
starije poruke gore
16 godina
neaktivan
offline
Kako poravnat sliku

Hoću poravnat sliku da se nalazi na sredini, po horizontali. Probao sam sa 'align=""center"', al ne ide.

Poruka je uređivana zadnji put pet 7.5.2010 13:39 (gamecoder).
 
0 0 hvala 0
16 godina
neaktivan
offline
RE: Kako poravnat sliku
gamecoder kaže...

Hoću poravnat sliku da se nalazi na sredini, po horizontali? Probao sam sa 'align=""center"', al ne ide.

Sliku na desktopu ili u nekom programu?Ne kužim teNeodlučan

Fućkaj ga!
17 godina
neaktivan
offline
RE: Kako poravnat sliku
Tomislav95 kaže...

Sliku na desktopu ili u nekom programu?Ne kužim teNeodlučan

Pogledaj u kojem podforumu je postao pa će ti bit jasnije:)

World championships: 7, GP started: 254, GP wins: 91, Podium finishes: 154, Pole positions: 68, Fastest laps: 76, Points: 1,379
Poruka je uređivana zadnji put pet 7.5.2010 13:31 (F1-IVO).
16 godina
neaktivan
offline
RE: Kako poravnat sliku
F1-IVO kaže...
Tomislav95 kaže...

Sliku na desktopu ili u nekom programu?Ne kužim teNeodlučan

Pogledaj u kojem podforumu je postao pa će ti bit jasnije:)

Aha,nisam vidio!

Al opet ovisi u čemu radiš web stranicu

Fućkaj ga!
16 godina
neaktivan
offline
Kako poravnat sliku po sredini?

Pomoću css-a

img {

     left:50%;

}

k1.c0
Moj PC  
0 0 hvala 0
17 godina
neaktivan
offline
RE: Kako poravnat sliku po sredini?

CSS, al se to obicno radi sa:

 

margin-left: auto;
margin-right: auto;
www.dice3d.com - Online portfolio
16 godina
neaktivan
offline
RE: Kako poravnat sliku po sredini?

Probao. Ne ide...

17 godina
neaktivan
offline
Kako poravnat sliku po sredini?

Pa onda nes radis krivo.

Imas negdje uploadano?

www.dice3d.com - Online portfolio
 
0 0 hvala 0
16 godina
neaktivan
offline
Kako poravnat sliku po sredini?

kopiraj svoj kod pa ga zalijepi ovdje , da ti odmah nađemo grešku Namigiva

k1.c0
Moj PC  
0 0 hvala 0
16 godina
neaktivan
offline
Kako poravnat sliku po sredini?

img{left:50%;}

 

 

 

To je css datoteka.

 
0 0 hvala 0
17 godina
neaktivan
offline
Kako poravnat sliku po sredini?

img {margin:0px auto;}

dr. Mito Korupcija, doktor političkih znanosti.
Moj PC  
1 0 hvala 0
16 godina
neaktivan
offline
Kako poravnat sliku po sredini?

ne radi.

 
0 0 hvala 0
15 godina
neaktivan
offline
RE: Kako poravnat sliku po sredini?
gamecoder kaže...

ne radi.

Instaliraj si Web Developer Toolbar za FF i provjeri da li se stilovi uopće primjenjuju na tu tvoju sliku (nakon instalacije klik na CSS - Style Information - klik na sliku). Moguće je da nešto nisi dobro povezao...?

17 godina
neaktivan
offline
Kako poravnat sliku po sredini?

Zaljepi html i css koji te muči! Nemoj da tapkamo u mraku..

dr. Mito Korupcija, doktor političkih znanosti.
Moj PC  
0 0 hvala 0
16 godina
neaktivan
offline
Kako poravnat sliku po sredini?

jesi li dodao link na CSS fajl u HTML kodu?

k1.c0
Moj PC  
0 0 hvala 0
17 godina
offline
Kako poravnat sliku po sredini?

mislim da ovo ne radi u IE6, ali bi tehnički trebalo raditi

 

margin-left: auto;
margin-right: auto;

 

probaj možda ovako

 

div.center {
  margin-left: auto;
  margin-right: auto; 
}

 

<div class="center"><img src="slika.jpg" /></div>

Mada bi bilo lakše možda ako je online da linkaš, pa da se može provjeriti s firebug-om

Poruka je uređivana zadnji put pon 10.5.2010 12:53 (Gajotres).
 
0 0 hvala 0
17 godina
moderator
online
RE: Kako poravnat sliku po sredini?
Gajotres kaže...
margin-left: auto;

margin-right: auto;

 

probaj možda ovako

 

div.center {
  margin-left: auto;
  margin-right: auto; 
}

 

<div class="center"><img src="slika.jpg" /></div>

Mada bi bilo lakše možda ako je online da linkaš, pa da se može provjeriti s firebug-om

Ako nece raditi, onda mislim da bi u stil eksplicitno trebalo dodati sirinu slike (width) u stil div-a.

 

 

Edit: bas sam probao - dovoljno je sliku staviti zatvoriti u div kojem je align="center". Znaci, ne treba dirati margine div-a.

 

Hm... Sad citam malo i vidim ovo:

You can move an image to the left or right on the Web page or control its vertical placement with the ALIGN property, but you can't center it using the ALIGN attribute. align="center" isn't valid HTML. All browsers ignore align="center" when it's part of an IMG tag.

Znaci, sliku jednostavno treba omotati u nesto (moze biti i <p>) i tome definirati align="center". Ili je pak dovoljno sliku staviti izmedju tagova <center></center>.

 

Poruka je uređivana zadnji put pon 10.5.2010 18:42 (mbaksa).
16 godina
neaktivan
offline
Kako na web-stranici poravnati sliku po sredini?

nisam bas 100% siguran ali mislim da bi moglo biti:
<div align="center"></div>

 

ili mozda text-align:center; u css

[url=http://&amp;quot;http://www.mybannermaker.com/link.php?nurl=http%3A%2F%2Fbelisce-gaming.ucoz.com%2F&amp;quot;][img width=400 height=49]http://img3.imageshack.us/img3/8711/mybanner4a32b4bfe5e10.pn
Poruka je uređivana zadnji put pon 10.5.2010 20:37 (FrightMare).
 
0 0 hvala 0
17 godina
moderator
online
RE: Kako na web-stranici poravnati sliku po sredin
FrightMare kaže...

nisam bas 100% siguran ali mislim da bi moglo biti:
<div align="center"></div>

To je upravo ono sto sam i napisao. I ne mora biti <div>, moze biti recimo i <p> - u biti moze biti bilo sto cemu je CSS display po defaultu block ili mu je postavljen na block (do te informacije sam dosao naknadno - ali nisam isprobao).

16 godina
neaktivan
offline
RE: Kako na web-stranici poravnati sliku po sredin

stavio sam sliku u <div center="align"></div> i radi. samo sad me zanima kak da to napravim pomoću CSS-a, znači da ne moram svaku sliku posebno u div-ove stavljat...

16 godina
neaktivan
offline
Kako na web-stranici poravnati sliku po sredini?

u center= "align" ?

k1.c0
Moj PC  
0 0 hvala 0
16 godina
neaktivan
offline
RE: Kako na web-stranici poravnati sliku po sredin

lapsus calami!  align="center"

16 godina
neaktivan
offline
Kako na web-stranici poravnati sliku po sredini?

napravis sliku kao table i u css

text-align:center;

[url=http://&amp;quot;http://www.mybannermaker.com/link.php?nurl=http%3A%2F%2Fbelisce-gaming.ucoz.com%2F&amp;quot;][img width=400 height=49]http://img3.imageshack.us/img3/8711/mybanner4a32b4bfe5e10.pn
 
0 0 hvala 0
15 godina
protjeran
offline
RE: Kako na web-stranici poravnati sliku po sredin
FrightMare kaže...

napravis sliku kao table i u css

text-align:center;

Mislim da je text align je samo 'poravnanje' teksta

Ja bih napravio nešto ovako

 

<div id="poravnaj">

 

</div>

 

 

 

#poravnaj

{

        margin-left:            auto;

        margin-right:          auto;

}

 

EDIT: Oprostite zbog ovih crta, neki bug o.O

ReloadedImage.com - Free &amp;amp;amp;amp;amp;amp; simple image hosting service.
Poruka je uređivana zadnji put uto 11.5.2010 21:17 (Reloaded).
16 godina
neaktivan
offline
RE: Kako na web-stranici poravnati sliku po sredin
Reloaded kaže...
FrightMare kaže...

napravis sliku kao table i u css

text-align:center;

Mislim da je text align je samo 'poravnanje' teksta

Ja bih napravio nešto ovako

 

<div id="poravnaj">

 

</div>

 

 

 

#poravnaj

{

        margin-left:            auto;

        margin-right:          auto;

}

 

EDIT: Oprostite zbog ovih crta, neki bug o.O

a joj da gle fkt, da tako je dobro si rekao :)

[url=http://&amp;quot;http://www.mybannermaker.com/link.php?nurl=http%3A%2F%2Fbelisce-gaming.ucoz.com%2F&amp;quot;][img width=400 height=49]http://img3.imageshack.us/img3/8711/mybanner4a32b4bfe5e10.pn
16 godina
neaktivan
offline
Kako na web-stranici poravnati sliku po sredini?

Ja sam to pomoću HTML-a napravio, za svaku sliku posebno... Ali sad mi se oko tih slika pojavljuju ljubičasti rubovi, kao na slici dolje...

Kak ih maknut?

 
0 0 hvala 0
16 godina
neaktivan
offline
RE: Kako na web-stranici poravnati sliku po sredin

ako si hyperlinkao mozda onda stavis na hyperlink ovako

 


<a href="index.php" style="color:#000;text-decoration:none;">Link</a>

 

 

ako ti je ovo ista pomoglo molim jednom hvala :/

[url=http://&amp;quot;http://www.mybannermaker.com/link.php?nurl=http%3A%2F%2Fbelisce-gaming.ucoz.com%2F&amp;quot;][img width=400 height=49]http://img3.imageshack.us/img3/8711/mybanner4a32b4bfe5e10.pn
Poruka je uređivana zadnji put sri 12.5.2010 20:48 (FrightMare).
17 godina
moderator
online
RE: Kako na web-stranici poravnati sliku po sredin
gamecoder kaže...

Ja sam to pomoću HTML-a napravio, za svaku sliku posebno... Ali sad mi se oko tih slika pojavljuju ljubičasti rubovi, kao na slici dolje...

Kak ih maknut?

Link si stavio oko cijelog div-a (ili p-a ili cegavec u sto si zatvorio sliku), zar ne? Link stavio samo oko slike. Osim, naravno, ako zelis da se moze kliknuti na tu cijelu povrsinu umjesto samo na sliku - onda ucini ovo sto je FrightMare napisao.

16 godina
neaktivan
offline
RE: Kako na web-stranici poravnati sliku po sredin
FrightMare kaže...

ako si hyperlinkao mozda onda stavis na hyperlink ovako

 


<a href="index.php" style="color:#000;text-decoration:none;">Link</a>

 

 

ako ti je ovo ista pomoglo molim jednom hvala :/

 

a img {

border:none;

}

za poravnat sliku ili div po sredini koristite:

#centriraj {

 

margin:0 auto;

 

}

Keep it real.
1
Nova poruka
E-mail:
Lozinka:
 
vrh stranice