[es] - Pomoc oko tabless dizajna (CSS pomoc)

WOW
Beograd

Član broj: 33478
Poruke: 172
*.adsl.static.sezampro.yu.

Profil

Pomoc oko tabless dizajna (CSS pomoc)

^{04.07.2007. u 12:21 - pre 2176 dana i 10h}

Moze li neko a mi pomogne oko dve stranice...
Na prvoj se nalazi samo jedan flash film dimenzija 760*560 i treba mi da on bude postavljan na sred strane ali pomocu CSS-a. Film se nalazi u div tagu id je flashcontent (mada nije bitno) i samo mi treba pomoc kako u CSS-u da ga napravim da se nalazi na sredini strane i da je kompatibilno sa svim browserima

Druga stranica je 6 div tagova (id1, id2 ... id6) i trebaju mi postavljeni kao sto je naznaceno na slici (isto su flash filmovi u pitanju) a da kolektivno zajedno isto budu na sredini stranice. Isto molio bih bez ikakvih tabela ako je moguce.

Pretpostavljam da iskusnom dizajneru nije veliki problem, hvala unapred...

WOW je simetrija, nije nikakva igra...

Odgovor na temu

CtrlAltDel
Beograd

Član broj: 96286
Poruke: 325
*.ADSL.neobee.net.

Profil

Re: Pomoc oko tabless dizajna (CSS pomoc)

^{04.07.2007. u 12:45 - pre 2176 dana i 10h}

evo za divove...

Code:

<center>
<div style="position:relative; width:760px">

<div id="id1" style="position:absolute; left:0px; top:0px; background-color:#00ff00; height:80px; width:100%"> </div>
<div id="id2" style="position:absolute; left:0px; top:80px; background-color:#ff6262; height:435px; width:210px"> </div>
<div id="id3" style="position:absolute; left:210px; top:80px; background-color:#00ccff; height:140px; width:540px"> </div>
<div id="id4" style="position:absolute; left:210px; top:220px; background-color:#cccc00; height:295px; width:540px"> </div>
<div id="id5" style="position:absolute; left:0px; top:515px; background-color:#000066; height:45px; width:100%"> </div>
<div id="id6" style="position:absolute; right:0px; top:80px; background-color:#ff00ff; height:435px; width:10px"> </div>
</div>
</center>

za flash ti mozda ovo bude interesantno>
http://blog.deconcept.com/2005...d-100-width-xhtml-flash-embed/

Odgovor na temu

WOW
Beograd

Član broj: 33478
Poruke: 172
*.adsl.sezampro.yu.

Profil

Re: Pomoc oko tabless dizajna (CSS pomoc)

^{04.07.2007. u 12:54 - pre 2176 dana i 10h}

joj pa nisi morao i sa pozadinskim bojama da se mucis to je samo da se lakse raspozna gde se sta nalazi, inace hvala ovo radi...

samo jos jedna stvar treba mi da sve ukupno bude u sredini i horizontalno i vertikalno, znam kako da izvedem tabelom ali bih radije preko css-a

inace znam za (i koristim) SWFobject i ne treba mi da je film razvucen preko cele strane nego bas da bude 760*560 u centru... ali dobro ok najbitnije mi je ovo sa 6 divova...
hvala puno jos jednom

WOW je simetrija, nije nikakva igra...

Odgovor na temu

CtrlAltDel
Beograd

Član broj: 96286
Poruke: 325
*.ADSL.neobee.net.

Profil

Re: Pomoc oko tabless dizajna (CSS pomoc)

^{04.07.2007. u 12:58 - pre 2176 dana i 10h}

znam ovo za bgcolor da je primer, ali rekoh lakse ce i tebi biti ako "ofarbam"...
sigurno nisi lud da stavljas takve boje :)
e vertikalno pozicioniranje sa css je malo gnjavez, proguglaj...
ima raznih resenja...

Odgovor na temu

WOW
Beograd

Član broj: 33478
Poruke: 172
*.adsl.static.sezampro.yu.

Profil

Re: Pomoc oko tabless dizajna (CSS pomoc)

^{04.07.2007. u 13:15 - pre 2176 dana i 9h}

ok pogledacu na googlu i ako nadjem postovacu ovde ako jos nekom zatreba
a ako ne nadjem mucicu ljude na forumu jos malo

jos samo jedno kratko pitanje koliko je nepozeljno div unutar diva (ili 6 divova unutar diva)?

WOW je simetrija, nije nikakva igra...

Odgovor na temu

CtrlAltDel
Beograd

Član broj: 96286
Poruke: 325
*.ADSL.neobee.net.

Profil

Re: Pomoc oko tabless dizajna (CSS pomoc)

^{04.07.2007. u 20:01 - pre 2176 dana i 3h}

pa ovako ovi unutarnji uzimaju koordinate u odnosu na gornji...
u suprotnom slucaju da ne postoji taj "glavni" divovi bi se pozicionirali u odnosu na browser pa bi se "setali" u firefoxu npr. ...
nisam bas najsrecnije objasnio :)

Odgovor na temu

WOW
Beograd

Član broj: 33478
Poruke: 172
*.adsl.static.sezampro.yu.

Profil

Re: Pomoc oko tabless dizajna (CSS pomoc)

^{05.07.2007. u 12:59 - pre 2175 dana i 10h}

ej pa CtrlAltDel ja kad sam citao tvoj code nisam uopste ni primetio da si i ti stavio 6 divova unutar jednog diva... nekako sam samo video ovih 6 divova i center tag koji mi se iskreno i nije svideo pa sam na brzinu razmisljao cime da ga zamenim i palo mi na pamet da stavim master div... mrzim kad se ovo desi :P

nego sve radi super uspeo sam da pozicioniram u centru i vertikalno i horizontalno, doduse koristi jednu tabelu ali ajde valjda jedna nije toliko strasna...

kad uploaduje tamo njihov webmaster moje fajlove postavicu temu u kritikama i link ovde pa eto mozes i da ocenih delo koje si pomogao da se napravi...

a ako neko zeli html/css code koji pozicionira vertikalno pitajte (ovde)...

jos jednom hvala CtrlAltDel

WOW je simetrija, nije nikakva igra...

Odgovor na temu

mdostanic
Miroslav Dostanić
freelancer
Beograd

Član broj: 144780
Poruke: 49
*.mediaworksit.net.

Sajt: www.sportizmo.rs

Profil

Re: Pomoc oko tabless dizajna (CSS pomoc)

^{22.07.2007. u 21:21 - pre 2158 dana i 1h}

HTML file

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 rel="stylesheet"type="text/css" href="stil.css" />

<title>Naslov</title>
</head>
  <body>

  <div id="centar">

    <div id="id1">ID1</div>

    <div id="drzac">

      <div id="sadrzaj">

        <div id="id3">id3</div>
        <div id="id4">id4</div>

      </div>

    </div>

    <div id="id2">ID2</div>

    <div id="id6">.</div>

    <div id="id5">ID6</div>

  </div>

  </body>
</html>

CSS file

Code:

#centar {
width:760px;
margin:0 auto;
}

#drzac {
float:left;
width:100%;
}

#id1 {
width:760px;
height:80px;
background-color:#00ff00;
}

#id2 {
width:210px;
float:left;
min-height:435px;
margin-left:-760px;
background-color:#ff6262;
}

#sadrzaj {
margin:0px 10px 0px 210px;
min-height:435px;
}

#id3 {
width:540px;
min-height:140px;
background-color:#00ccff;
}

#id4 {
width:540px;
min-height:295px;
background-color:#cccc00;
}

#id5 {
width:100%;
height:45px;
clear:left;
background-color:#000066;
}

#id6 {
float:left;
width:10px;
margin-left:-10px;
background-color:#ff00ff;
min-height:435px;
}

Inace ovo radi u FF, nisam proverio u IE...

www.sportizmo.rs
www.nekretnineobrenovac.com
www.nekretninens.rs

Odgovor na temu

WOW
Beograd

Član broj: 33478
Poruke: 172
*.adsl.static.sezampro.yu.

Profil

Re: Pomoc oko tabless dizajna (CSS pomoc)

^{23.07.2007. u 11:55 - pre 2157 dana i 11h}

ma ok hvala snasao sam se ja...
kao sto sam rekao kada njihov webmaster uploaduje moje fajlove poslacu link ovde pa mozete svi da pogledate moj prvi sajt

WOW je simetrija, nije nikakva igra...

Odgovor na temu