nista ne razumem,centriranje strane...

[ Nikola Dunja @ 14.05.2009. 02:38 ] @

e sad ovako, citam ja i razumem vas sa idejama o pozicioniranju strane u centru (U SVAKOM ALI BAS SVAKOM BROWSERU,SVAKOJ REZOLUCIJI i t.d.) medjutim kod mene ljudi to ne radi. U sklopu strane imam slicica, manjih,vecih, optimizovane i sve je funkcionalno i radi, medjutim imam problem sa centriranjem cele strane da mi se otvara u centru. NAPOMINJEM nijedna slika ne prelazi 1000px, pocetna tacka je uvek od O, a evo vam i u prilogu CSS pa pogledajte, GDE GRESIM, 2 dana pokusavam da ukapiram, jesam pocetnik ali nisam bre toliko ...

takodje da napomenem da imam i flash-eve , nekoliko, i oni svi zajedno po duzini NE PRELAZE 1000px a ve to radim na rezoluciji 1024x768

[ kazil @ 14.05.2009. 06:45 ] @

Samo na osnovu CSS-a ne mozemo ti puno pomoci, jer nam treba i HTML deo. Al' evo ti jedan kratak primer, generalni, pa to primeni kod sebe :)

Sav sadrzaj koji imas potrebno je ubaciti u jedan <div /> tag i onda se fino taj tag pozicionira vec kako treba.

Code:

<!DOCTYPE ... />
<html>
<head>...</head>
<body>
    <div id="page">
        
    </div>
</body>
</html>

A CSS bi bio:

Code:

#page {
margin: 0 auto;
overflow: hidden;
}

Kod margine, nula se odnosi na top i bottom, a auto na left i right; sto ce reci da margine na elemenat sa ID-om "page", za gore i dole budu nula, a levo i desno da browser sam odredi.

E, to je sve sto treba da se pozicionira u sredinu.

Svako dobro :)

[ Prokleta_Nedelja @ 14.05.2009. 07:13 ] @

a evo i jos jednog nacina

Code:

<html><head></head>
<body>
<center>
<div>
</div>
</center>
</body>
</html>

[ Nemke_BG @ 14.05.2009. 09:40 ] @

nesto mi je sumnjivo to sto se vrtis oko 1000 px-ela, nemoj da zaboravis da od rezolucije 1024 treba da oduzmes i sirinu skrol bara pa onda sirina stranice nije vise 1024...nego je manja od 1000....

takodje i ovo sto je kazil napisao je dovoljno za centriranje stranice, ali ne bi bilo lose da ostavis i html kod....

[ Nikola Dunja @ 14.05.2009. 13:19 ] @

sve ovo sto ste mi preporucili probacu pa se javljam a do tad evo vam html pa mi vi recite da li je mozda tu prolem?. sto se tice ovih 1000px ja sam to isto na taj nacin skoro radio i sve je funkcionisalo ok. a sve ove stvari pakujem - radim u antenna web design.

[ Nikola Dunja @ 14.05.2009. 14:57 ] @

ok radi ALI da pojasnim (moja greska koju sam sada uvideo) meni je sadrzaj centriran problem lezi u tome sto imam skrol ovaj dole kojeg ne zelim da imam a NE ZNAM kako da ga se otarasim? to je moj problem i razlog zbog cega cu kao sto jedan lik u ovom odeljku foruma rece "Bacim laptop sa 7og sprata". ima li pomoci za mene a i za njega :)(laptop)

[ snake_master @ 14.05.2009. 15:36 ] @

Kao što ti neko već reče, smanji širinu same stranice, stavi width: 960px; pa probaj da li se taj donji skrol pojavljuje, ja sam siguran da neće...

[ Nikola Dunja @ 14.05.2009. 21:50 ] @

Zamilite radi :) samo mi nije jasno kako je prosli radio na 1ooo px a sad nece ali nebitno...Sad mene muci drugi problem U MOZZILI NE RADI, odnosno skrol se pojavljuje i nema funkciju odnosno imaga tek toliko da mi smeta, skroz malo :) kako to da resim!!!

[ codespeed @ 19.05.2009. 10:57 ] @

Pre nego bacis Laptop smanji sirinu stranice, iskljuci padinge ako ih imas ili margine.
Ima par alata koji ti mogu pomoci da malo bolje razumes sta ti se desava na stranici: u Firefox-u imas gomilu addonsa ali ti preporucujem "web developer" i "firebug". Instaliraj to pa ces da vidis sta je u pitanju. Laki su za upotrebu. Kad ipak resis da bacis Laptop ... nemoj...posalji ga meni :)

E da ne zaboravim imas i nesto za onaj nesrecni IE : http://www.microsoft.com/DownL...D5E1DB91038&displaylang=en

[ websurfer @ 19.05.2009. 14:04 ] @

Citat:

Nikola Dunja: to je moj problem i razlog zbog cega cu kao sto jedan lik u ovom odeljku foruma rece "Bacim laptop sa 7og sprata".

Citat:

codespeed: Kad ipak resis da bacis Laptop ... nemoj...posalji ga meni :)

Codespeed, neka on slobodno baci taj laptop a ti ispred zgrade sacekaj da ga baci i uhvati ga i svi zadovoljni...

[ IQooLogic @ 29.05.2009. 20:25 ] @

Ja ne bih nikako koristio tag center.

bilo bi recimo ovako:

Code:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/index.css" type="text/css" rel="stylesheet" rev="stylesheet" />
<title>Projekat IWT</title>
</head>
<body>

<div id="wrapper">
    <div id="header">
        <div id="header_up">
        </div>

        <div id="header_middle">
        </div>
    </div>

    <div id="menu">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Forum</a></li>
            <li><a href="#">Feedback</a></li>
            <li><a href="#">About</a></li>
        </ul>
    </div>

    <div id="main_content">
        <div id="content">
        </div>

        <div id="sidebar">
        </div>
    </div>

    <div id="footer">
    </div>
</div>

</body>
</html>

Code:

body {
    background-color:#000;
    background:url(../images/bg.jpg) no-repeat fixed;
}

#wrapper {
    width:980px;
    height:1045px;

    [red]margin:0px auto;[/red] /* OVO TI JE ZA CENTRIRANJE NAJBOLJE STIM STO MORAS DA IMAS DEFINISANE DIMENZIJE GLANOG div-a (wrapper) kao sto se i vidi :)
}

/* HEADER */
#header {
    height:212px;
}

#header_up {
    background:url(../images/header_up.png) no-repeat;
    height:38px;
}

#header_middle {
    height:174px;
    background:url(../images/header.png) no-repeat;
}
/* END HEADER */

/*MAIN CONTENT */
#main_content {
    height:770px;
}

#sidebar {
    width:223px;
    height:770px;
    float:right;
    background:url(../images/sidebar.png) no-repeat;
}

#content {
    width:757px;
    height:770px;
    float:left;
    background:url(../images/content.png) no-repeat;
}
/*END MAIN CONTENT*/

#footer {
    height:30px;
    background:url(../images/footer.png) no-repeat;
}

#menu {
    background:url(../images/menu.png) no-repeat;
    height:28px;
    width:980px;
    overflow:visible;
    list-style:none;
}

#menu ul {
     display: block;
     padding: 1px;
    padding-left:11px;
     list-style: none;
     text-align: center;
    height: 25px;
}

#menu img {
     display: block;
     padding-top: 1px;
    /*padding-left:11px;
     /*list-style: none; */
     text-align: center;
    height: 25px;
    width:558px;
}

#menu li, ul {
     display: inline;
     padding: 0px 0px;/*0px 10px*/
     margin: 0px;
     list-style: none;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    /*font-size:16px;*/
    float:left;
    text-align:center;
}

#menu a {
    display: block;
    width: 100px;
    background:url(../images/btn.png) no-repeat;
    height: 25px;
    padding-top:2px;
    margin: 0px;
    border: 0px;
    color: #CCC;
    text-decoration: none;
    font-size: 14px;
}

#menu a:hover {
    color: White;
    background:url(../images/btn_over.gif) no-repeat;
    text-decoration:underline;
}

Izvini sto je ovako obimno ali da vidis kako radi uzivo

[ arpixone @ 04.05.2010. 20:48 ] @

Pozdrav drustvo!

Vec se satima mucim oko postavljanja Headera na sredinu ekrana!
Procitao sam ovde nekoliko posotva medjutiom jednostavno nisam uspeo!

naime u Dreamweaveru u Design segmentu kako sam napisao css stavi ga na sredinu...
medjutim prilikom testiranja u FF -u jednostavo se slika u Headeru ostaje na levoj strani... ali ostalo ceo tect je na sredini...

evo koda:

index.php:

<body>

<div id="header">This is the Header</div>
<div id="container">This is the Container
<div id="topmenu">This is the topenu</div>
<div id="news">This is the newsmenu</div>
<div id="footer">This is the footer
<div id="leftfooter">This is the left footer</div>
</div>
</div>

</body>

evo i css dela:

body {
background-color: #144e56;
margin:0 auto;
text-align: center;} //ovo bi trebalo sve da baci u sredinu sto i radi sem slike... medjutim ovo sam stavio zbog nekih starih IE browsera...

#header {
width: 1000px;
height: 150px;
background-color: #144e56;
background-image: url(../images/header1000.jpg);
border-top: #1491ff solid;
border-left: #1491ff solid;
border-right: #1491ff solid;
background-repeat: no-repeat;
}

#container {

}

#topmenu {

}

#news{

}

#footer{

}

#leftfooter {

}

[ Ljubiša Begović @ 04.05.2010. 21:11 ] @

<div id="header" align="center">
Ili probaj da dodaš: "background-position:center;" ili "center top", "center center"...

[ arpixone @ 04.05.2010. 21:21 ] @

hvala, probao..i nece... slika u hederu ostaje na levoj strani... :(

[ Ljubiša Begović @ 04.05.2010. 21:37 ] @

Ako ti je strana online daj link pa ćemo videti.

[ arpixone @ 04.05.2010. 22:29 ] @

nije online... sutra cu yakacit...
ali nista komplikovano, uglavnom za sad to je sve sto sam i postovao jedino sto ima slike width: 1000px;
height: 150px;

i to je sve... mislim da je banalna greska...al sam vec toliko umoran da nevidim od svojih ociju...

hvala, sutra cu videti ponovo!

[ gaganed @ 05.05.2010. 06:45 ] @

Ako hoces #div header da centriras dodaj mu u css

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

Ovo kod mene radi 100%

[ arpixone @ 05.05.2010. 07:24 ] @

Thanx @Gaganed!

Ovo je prradilo 100% bas kako si i rekao!