Centrirana stranica

Da li neko moze da mi kaze kako da centriram stranicu (div), bez [align=center] taga da bude na sredini monitora kad se gleda iz browsera?
Hvala u napred

margin: 0 auto;

Ja sam ceo uradio u divovima i centrirao ga sa [align=center] ali sad mi je taj glavni div na sredini ali su svi elementi otisli levo.Kako da ih sad rasporedim po stranici?

Ako želiš da neki div bude centriran u css fajlu definiraj margin: 0 auto; Ako želiš da više divova budu raspoređeni unutar nekog diva, definiraj veličine svih divova, tako da svi ti manji divovi mogu stati u jedan veliki i dodaj: float: left; divovima koje želiš rasporediti.
Teško je objasniti ako neznaš css, tako da prouči CSS Tutorial

ok hvala ti resavam polako problem:)

Dakle imaš jedan div kao kontejner i njemu dodaš klasu npr. container
[HTML]

[/HTML]

nadalje unutar tog diva imaš dva diva koja želiš da budu jedan pored drugog, sa klasama npr. susjedi:
[HTML]

[/HTML]

Da bi ti glavni div bio centriran, moraš mu zadati širinu, što je obično 960px i odrediti margine, to odradiš u CSSu ovako
[HTML]
.container { width: 960px; margin: 0 auto; }
[/HTML]
da bi ti ovi susjedi bili jedan pored drugog moraš im zadati širinu i moraš im reći da “plutaju” jedan pored drugog, a to odradiš ovako:
[HTML]
.susjedi { float: left; width: 250px; margin: 10px; }
[/HTML]

I to ti je to.
sve skupa
[HTML]

Test stranica .container { width: 960px; margin: 0 auto; } .susjedi { float: left; width: 250px; margin: 10px; }
[/HTML]

Evo kako sam uradio i nece da stoji na sredini nego stoji sa leve strane :

KODOVI >
logo

Ovo je css :

body {
background-image: url(’…/MATERIJAL/Pro-em materijal/Pozadina.png’);
font-family: Arial, Helvetica, sans-serif;
background-repeat: no-repeat;
}
div#sajt {
margin: 0 auto; }
div#header {
float: left;
width: 960;
height: 150;
margin: 0px;
}
div#logo {
position: absolute;
left: 0;
top: 0;
}
Nemam pojma u cemu je problem

[quote=“dejanovicd”]Evo kako sam uradio i nece da stoji na sredini nego stoji sa leve strane :

KODOVI >
logo

Ovo je css :

body {
background-image: url(’…/MATERIJAL/Pro-em materijal/Pozadina.png’);
font-family: Arial, Helvetica, sans-serif;
background-repeat: no-repeat;
}
div#sajt {
margin: 0 auto; }
div#header {
float: left;
width: 960;
height: 150;
margin: 0px;
}
div#logo {
position: absolute;
left: 0;
top: 0;
}
Nemam pojma u cemu je problem[/quote]

osim margine moras staviti i sirinu div-a…

width: __px; margin: 0 auto;

[quote=“dejanovicd”]

KODOVI > [b]<- Greška![/b]
[b]<- Treba biti prazno, ili je to samo kao primjer?[/b]
logo

Ovo je css :

body {
background-image: url(’…/MATERIJAL/Pro-em materijal/Pozadina.png’); <- U URL-ovima uvijek koristi samo mala slova i nikad nemoj koristiti razmake!
font-family: Arial, Helvetica, sans-serif;
background-repeat: no-repeat;
}
div#sajt { <- Izbriši “div”, treba biti samo “#sajt”!
margin: 0 auto; } <- Nedostaje “width”!
div#header { <- Izbriši “div”, treba biti samo “#header”!
float: left;
width: 960; <- Nedostaje mjera: “px”!
height: 150; <- Nedostaje mjera: “px”!
margin: 0px; <- Nepotrebna mjera: “px”!
}
div#logo { <- Izbriši “div”, treba biti samo “#logo”!
position: absolute;
left: 0;
top: 0;
}
Nemam pojma u cemu je problem[/quote]

…ovako letimično pogledano.

Evo sad sam prepravio ali opet stoji na levoj strani
body {
background-image: url(’…/MATERIJAL/Pro-em materijal/Pozadina.png’);
font-family: Arial, Helvetica, sans-serif;
background-repeat: no-repeat;
}
div#sajt {margin: 0 auto; width:960;height:750 }
div#header {position:absolute;left:0px; top:0px;width: 960;height: 150}
div#logo {position: absolute;left: 300;top: 100; width:350;height:300}

[quote=“dejanovicd”]Evo sad sam prepravio ali opet stoji na levoj strani
body {
background-image: url(’…/MATERIJAL/Pro-em materijal/Pozadina.png’);
font-family: Arial, Helvetica, sans-serif;
background-repeat: no-repeat;
}
div#sajt {margin: 0 auto; width:960;height:750 }
div#header {position:absolute;left:0px; top:0px;width: 960;height: 150}
div#logo {position: absolute;left: 300;top: 100; width:350;height:300}[/quote]

Na svakom od tih ti fali mjerna jedinica, odnosno px.
znači
width: 960px;
left: 300px;

itd. itd. itd.

[quote=“dejanovicd”]div#sajt {margin: 0 auto; width:960;height:750 }
div#header {position:absolute;left:0px; top:0px;width: 960;height: 150}
div#logo {position: absolute;left: 300;top: 100; width:350;height:300}[/quote]

Jebemu, pa moraš navesti jedinicu mjere!
width:960; ? Čega 960? Piksela? Pointa? Emova? Postotaka?

Jedinicu mjere stavljaš samo tamo gdje ne treba: 0px
Nula je nula. 0 = 0px = 0pt = 0em = 0%

Moras nauciti osnove HTML-a i CSS-a evo ti ovo 30 Days to Learn HTML & CSS - Free Tuts+ Premium Course free je i ja sam ucio od njih :slight_smile:
Dalje…

[quote=""]

[/quote] Sve ovo je nepotrebno,izbaceno je iz upotrebe,danas se koristi ovo
<!doctype html>
<meta charset="UTF-8">

Znaci ovaj gore navedeni dio mozes slobodno zamjeniti sa ovime sto sam ti napisao :slight_smile:

Moraš (a i još neki) prvo naučiti kako se kod stavlja u odgovarajući tag.
Mislim ovdje na forumu.

Ovako kao na postu prije mene .)

[quote=“dev_masta”]Moraš (a i još neki) prvo naučiti kako se kod stavlja u odgovarajući tag.
Mislim ovdje na forumu.

Ovako kao na postu prije mene .)[/quote]

Znam je gdje se sta stavlja ali sam samo naveo primjer <!doctype html> se stavlja na pocetak HTML-a prije tagova a meta tagovi idu izmedju i na kraju to bi ovako izgledalo

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
</body>
</html>

@dev_masta zadovoljan ?

I koliko vidim on radi u nekome wysiwyg editoru…mislim da se radi o Front-page-u :slight_smile:

Uglavnom, što se tiče problema…

Ovo ne radi:

[quote=“dejanovicd”]
div#sajt {
margin: 0 auto; }
div#header {
float: left;
width: 960;
height: 150;
margin: 0px;
}[/quote]

Ovo je dobro:

[quote=“dejanovicd”]
div#sajt {
margin: 0 auto;
width: 960px;
height: 500px;

}
div#header {
float: left;
width: 960px;
height: 150px;
margin: 0px;
}[/quote]
Obrati pažnju na razlike.

Inače, da to radim za sebe, radio bih ovako:

HTML:
[HTML]

KODOVI
logo
[/HTML]

CSS:

body {
	background: url('../materijal/pro-em-materijal/pozadina.png') no-repeat;
	font: 1em Arial, Helvetica, sans-serif;
}
#sajt {
	margin: 0 auto;
	width: 980px;
	height: 500px;    /* šire od headera samo da se bolje vidi pozicija */
	background: #f00; /* obojana pozadina samo da se bolje vidi pozicija */
}
#header {
	float: left;
	margin: 0;
	width: 960px;
	height: 150px;
	background: #0f0; /* obojana pozadina samo da se bolje vidi pozicija */
}
#logo {
	position: absolute;
	left: 0;
	top: 0;
	background: #00f; /* obojana pozadina samo da se bolje vidi pozicija */
}

Pa dajte to stavite na neki host, može i free, lakše je za radit.

Neda mi se stavljati na web, pa evo primjeri u ZIP-u: [ATTACH]2426[/ATTACH]

Radim u microsoft expression,jednsotavan mi je nekako,moracu da predjem na dremweaver.
Kada ubacim

Izbaci mi sledece:
Incompatibility XHTML 1.1 In XHTML 1.1 the attribute ‘charset’ is not permitted for the tag.
Ovako je sve dobro

Tako sam sad centrirao div-ove.Dobro je ispalo.


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja