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

Slika na sredini ekrana na svim velicinama monitora

[es] :: Web dizajn i CSS :: Slika na sredini ekrana na svim velicinama monitora

[ Pregleda: 3773 | Odgovora: 13 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

milos 2
milos ljatkovic

Član broj: 148450
Poruke: 669
*.dynamic.sbb.rs.



+3 Profil

icon Slika na sredini ekrana na svim velicinama monitora24.08.2011. u 23:24 - pre 154 meseci
Pozdrav,

Kada sam prwavio stranicu pazio sam da centriram sliku na sredinu ekrana, ali kada sam tu istu stranicu otvorio na drugom racunaru gde je ekran manji slika se pomerila skroz desno. Kako da napravim da mi na svim velicinama ekrana slika bude na sredini?
 
Odgovor na temu

Milan Kragujevic
Software Engineer

Član broj: 231903
Poruke: 2220
*.dynamic.isp.telekom.rs.

Sajt: https://milankragujevic.c..


+201 Profil

icon Re: Slika na sredini ekrana na svim velicinama monitora24.08.2011. u 23:29 - pre 154 meseci
kod?
 
Odgovor na temu

plus_minus

Član broj: 289459
Poruke: 2242
*.dynamic.isp.telekom.rs.

Sajt: https://hardcoder.xyz


+2247 Profil

icon Re: Slika na sredini ekrana na svim velicinama monitora24.08.2011. u 23:44 - pre 154 meseci
Jel' u pitanju background-image: ili je <img /> tag .. ?

Kao što ti Milan reče, postavi deo koda za koji misliš da je problematičan.

Ako je background same stranice a ne neka slika koja je uvučena u ogromnom elementu na sred ekrana kroz img tag, probaj ovako:

Code:


#body {background: url('img/slika.jpg') no-repeat center top scroll;} 





[Ovu poruku je menjao plus_minus dana 25.08.2011. u 00:55 GMT+1]

[Ovu poruku je menjao plus_minus dana 25.08.2011. u 00:56 GMT+1]
about:networking
 
Odgovor na temu

milos 2
milos ljatkovic

Član broj: 148450
Poruke: 669
*.dynamic.sbb.rs.



+3 Profil

icon Re: Slika na sredini ekrana na svim velicinama monitora25.08.2011. u 11:48 - pre 154 meseci
da u pitanjnu je img tag

Code:

<body>
<pre>                                          <img src="Untitled-0.JPG" alt="" width="591" height="544" /></pre>
</body>


preformated je koriscen da bi mogao da pomeram sliku, to je jedino sto je na stranici.
 
Odgovor na temu

milos 2
milos ljatkovic

Član broj: 148450
Poruke: 669
*.dynamic.sbb.rs.



+3 Profil

icon Re: Slika na sredini ekrana na svim velicinama monitora25.08.2011. u 12:02 - pre 154 meseci
resio sam, samo sam kursor ispred polja u kom je slika centrirao na sredinu ekrana i stavio da je align="middle"

Code:

<body>
<div align="center">
  <pre><img src="Untitled-0.JPG" alt="" width="591" height="544" align="middle" /></pre>
</div>
</body>
 
Odgovor na temu

milos 2
milos ljatkovic

Član broj: 148450
Poruke: 669
*.dynamic.sbb.rs.



+3 Profil

icon Re: Slika na sredini ekrana na svim velicinama monitora25.08.2011. u 12:06 - pre 154 meseci
hvala sto ste hteli da pomognete, odnosno i jeste, rekli ste mi da pogledam kod sto je ispostavilo se sasvim dovoljno.

sada ce mi moderatori reci da promenim predhodni post, da ne pisem ovaj nov, ali sta onaj koji odgovara i cita poruke koje mu stizu mejlom, i ne otvara stranicu???
 
Odgovor na temu

plus_minus

Član broj: 289459
Poruke: 2242
*.dynamic.isp.telekom.rs.

Sajt: https://hardcoder.xyz


+2247 Profil

icon Re: Slika na sredini ekrana na svim velicinama monitora25.08.2011. u 15:12 - pre 154 meseci
Miloše, zašto ne koristiš css?

Ne znam kakva ti je struktura samog sajta,.. ovo bi moglo da ima isti efekat kao tvoje 'rešenje'.

Code (html):


<body>
<div style="text-align:center">
  <img src="Untitled-0.JPG" alt="slika" style="width:591px;height:544px;" align="middle" />
</div>
</body>

 

about:networking
 
Odgovor na temu

milos 2
milos ljatkovic

Član broj: 148450
Poruke: 669
*.dynamic.sbb.rs.



+3 Profil

icon Re: Slika na sredini ekrana na svim velicinama monitora25.08.2011. u 16:04 - pre 154 meseci
zato sto mi treba jena jedina slika kao pocetak sajta, i ispod nje tekst "ulaz"

evo pogledaj, nije nesto, ali mi je dat zadatak koji sam izvrsio, i sada u stvari krece sminka

www.slogasvihsrbasveta.org.rs
 
Odgovor na temu

deedee6

Član broj: 174801
Poruke: 232
*.dynamic.isp.telekom.rs.



+2509 Profil

icon Re: Slika na sredini ekrana na svim velicinama monitora25.08.2011. u 16:25 - pre 154 meseci
Citat:
milos 2: zato sto mi treba jena jedina slika kao pocetak sajta, i ispod nje tekst "ulaz"


...ali ćes sliku malo smanjiti - 420 kb (W 2500 ), popraviti ivice i onu plavu boju zameniti sa nekom drugom ili staviti neku sliku za ulaz????
Treba malo da se dotera :)
Čini mi se i da je krst malo kriv...
 
Odgovor na temu

milos 2
milos ljatkovic

Član broj: 148450
Poruke: 669
*.dynamic.sbb.rs.



+3 Profil

icon Re: Slika na sredini ekrana na svim velicinama monitora26.08.2011. u 08:53 - pre 154 meseci
hvala na idejama, poslusacu, nisam ni mislio da ostavim tako, samo oko boje slova postoji mali problem, to je link, i mora da bude plave boje koliko ja znam

ivice sam radio u photoshop-u, tako da kako je on uradio tako sam ja stavio.

iskreno, trebalo je stranicu pustiti sto pre, a posle je doterivati
 
Odgovor na temu

plus_minus

Član broj: 289459
Poruke: 2242
*.dynamic.isp.telekom.rs.

Sajt: https://hardcoder.xyz


+2247 Profil

icon Re: Slika na sredini ekrana na svim velicinama monitora26.08.2011. u 11:13 - pre 154 meseci
Citat:
milos 2: zato sto mi treba jena jedina slika kao pocetak sajta, i ispod nje tekst "ulaz"

evo pogledaj, nije nesto, ali mi je dat zadatak koji sam izvrsio, i sada u stvari krece sminka

www.slogasvihsrbasveta.org.rs


Bez obzira, Miloše, nemoj da se navikavaš da koristiš html atribute za stil i pomeranje elemenata po stranici.

Code (html):

<p align="center">
<div align="center">
<font>
<center>

itd, itd....

 


Sve to gledaj da ne ubacuješ u sajt, koristi isključivo css za 'šmek' bilo koje vrste. U source kodu već imaš css u head-u, verovatno automatski generisan iz samog dreamweaver-a .style1, samo nastaviš tu.
Kada praviš bilo koji sajt, potrudi se da izdvojiš html od css-a kompletno, tako da kad pregledaš stranicu sa opcijom npr. view > page style > "no style" (firefox), možeš videti tekst i slike kao da gledaš u neki Word document bez ikakvih boja i centriranih paragrafa.

Ne bi bilo loše da ti stranica za ulazak izgleda ovako nekako..

Code (html):


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sr" xml:lang="sr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>početna strana</title>
<style type="text/css">
.style1 {font-size: 36px; font-weight:bold;}
.center {text-align:center;}
</style>
</head>
<body>

<div class="center">
<img src="Untitled-0.JPG" alt="pic"
style="width:591;height:544px;margin:20px auto;" />
<div class="style1">
<a href="UVOD/Untitled-1.html">ULAZ</a></div>
</div>

</body>
</html>

 




[Ovu poruku je menjao plus_minus dana 26.08.2011. u 12:23 GMT+1]
about:networking
 
Odgovor na temu

deedee6

Član broj: 174801
Poruke: 232
*.dynamic.isp.telekom.rs.



+2509 Profil

icon Re: Slika na sredini ekrana na svim velicinama monitora26.08.2011. u 11:50 - pre 154 meseci
Evo na brzinu kako se menja boja linkova.
Pozzz....

 
Odgovor na temu

milos 2
milos ljatkovic

Član broj: 148450
Poruke: 669
*.dynamic.sbb.rs.



+3 Profil

icon Re: Slika na sredini ekrana na svim velicinama monitora26.08.2011. u 13:12 - pre 154 meseci
ok, hvala obojici

i mislio sam za dalje da koristim css, ali nisam smatrao za potrebnim da pravim style za 4 slova, ako si isao dalje sigurno si video da je vec za UVOD koriscen style1.
 
Odgovor na temu

plus_minus

Član broj: 289459
Poruke: 2242
*.dynamic.isp.telekom.rs.

Sajt: https://hardcoder.xyz


+2247 Profil

icon Re: Slika na sredini ekrana na svim velicinama monitora26.08.2011. u 15:03 - pre 154 meseci
Naravno da jesam, style1 je iskorišćen, ali pored te jedne klase iskoristio si i ono što je praistorija.
Jasno je nama da se radi o samo jednoj stranici, no frks. :) Ubuduće, izbegavaj trikove sa ubacivanjem slike u pre tag. Veoma loša praksa.
Jes' da radi i tako, ali nije predviđeno za bilo šta drugo osim preformatiranog teksta.
about:networking
 
Odgovor na temu

[es] :: Web dizajn i CSS :: Slika na sredini ekrana na svim velicinama monitora

[ Pregleda: 3773 | Odgovora: 13 ] > FB > Twit

Postavi temu Odgovori

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