[ milos 2 @ 24.08.2011. 23:24 ] @
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?
[ Milan Kragujevic @ 24.08.2011. 23:29 ] @
kod?
[ plus_minus @ 24.08.2011. 23:44 ] @
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]
[ milos 2 @ 25.08.2011. 11:48 ] @
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.
[ milos 2 @ 25.08.2011. 12:02 ] @
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>
[ milos 2 @ 25.08.2011. 12:06 ] @
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???
[ plus_minus @ 25.08.2011. 15:12 ] @
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>

 
[ milos 2 @ 25.08.2011. 16:04 ] @
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
[ deedee6 @ 25.08.2011. 16:25 ] @
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...
[ milos 2 @ 26.08.2011. 08:53 ] @
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
[ plus_minus @ 26.08.2011. 11:13 ] @
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]
[ deedee6 @ 26.08.2011. 11:50 ] @
Evo na brzinu kako se menja boja linkova.
Pozzz....

[ milos 2 @ 26.08.2011. 13:12 ] @
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.
[ plus_minus @ 26.08.2011. 15:03 ] @
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.