[es] - nista ne razumem,centriranje strane...

Nikola Dunja

Član broj: 92486
Poruke: 75
77.46.246.*

+2 Profil

nista ne razumem,centriranje strane...

^{14.05.2009. u 02:38 - pre 182 meseci}

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

Prikačeni fajlovi

style.css - 1.46k

Odgovor na temu

kazil
Robert Bašić
Full time PHP dev :)
Bačka Topola - Novi Sad

Član broj: 120044
Poruke: 686
*.3.nat.stcable.net.

Jabber: robertbasic@elitesecurity.org
ICQ: 446475288
Sajt: robertbasic.com

+2 Profil

Re: nista ne razumem,centriranje strane...

^{14.05.2009. u 06:45 - pre 182 meseci}

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 :)

Odgovor na temu

Prokleta_Nedelja
Beograd

Član broj: 90608
Poruke: 450
*.teol.net.

+42 Profil

Re: nista ne razumem,centriranje strane...

^{14.05.2009. u 07:13 - pre 182 meseci}

a evo i jos jednog nacina

Code:

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

Odgovor na temu

Nemke_BG

Član broj: 163822
Poruke: 341
*.bg.krstarica.net.

Jabber: Nemke_BG@elitesecurity.org
Sajt: https://www.nmdesign.rs

+45 Profil

Re: nista ne razumem,centriranje strane...

^{14.05.2009. u 09:40 - pre 182 meseci}

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....

...

Odgovor na temu

Nikola Dunja

Član broj: 92486
Poruke: 75
79.101.73.*

+2 Profil

Re: nista ne razumem,centriranje strane...

^{14.05.2009. u 13:19 - pre 182 meseci}

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.

Prikačeni fajlovi

index.html - 15.84k

Odgovor na temu

Nikola Dunja

Član broj: 92486
Poruke: 75
79.101.73.*

+2 Profil

Re: nista ne razumem,centriranje strane...

^{14.05.2009. u 14:57 - pre 182 meseci}

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)

Odgovor na temu

snake_master
Čačak

Član broj: 18087
Poruke: 402
*.ptt.rs.

Sajt: Trenutno nemam:)

+2 Profil

Re: nista ne razumem,centriranje strane...

^{14.05.2009. u 15:36 - pre 182 meseci}

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...

Odgovor na temu

Nikola Dunja

Član broj: 92486
Poruke: 75
79.101.73.*

+2 Profil

Re: nista ne razumem,centriranje strane...

^{14.05.2009. u 21:50 - pre 182 meseci}

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!!!

Odgovor na temu

codespeed
codespeed
web developer

Član broj: 189335
Poruke: 27
93.86.231.*

Sajt: www.codespeed.rs

Profil

Re: nista ne razumem,centriranje strane...

^{19.05.2009. u 10:57 - pre 181 meseci}

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

www.codespeed.rs

Odgovor na temu

websurfer
websurfer
Srbija

Član broj: 199973
Poruke: 964
*.dynamic.adsl.itsisp.net.

+11 Profil

Re: nista ne razumem,centriranje strane...

^{19.05.2009. u 14:04 - pre 181 meseci}

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...

Odgovor na temu

IQooLogic
Milos Stojkovic
Software Developer
Srbija

Član broj: 110897
Poruke: 79
*.dynamic.sbb.rs.

ICQ: 324236803

+1 Profil

Re: nista ne razumem,centriranje strane...

^{29.05.2009. u 20:25 - pre 181 meseci}

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

if(torrent == "free" && windows == true)
{
InstallOnComputer(Expensive_Software);
}
else goto Linux;

Odgovor na temu

arpixone

Član broj: 165827
Poruke: 148
*.dynamic.isp.telekom.rs.

+1 Profil

Re: nista ne razumem,centriranje strane...

^{04.05.2010. u 20:48 - pre 170 meseci}

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 {

}

Odgovor na temu