Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 3 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Poziciovanie - akési schodky to robí

Registrovaný: 20.03.08
Prihlásený: 08.03.17
Príspevky: 596
Témy: 149
Bydlisko: Houston, Texas
Príspevok NapísalOffline : 27.06.2009 12:14

Ahojte snažím sa urobiť jeden desing ale akosi mi to nejde
Poziciovanie - akési schodky to robí

tie tri majú byť v rovine, aj tie tri pod nimi

tu je html

Kód:
<div id='back_body'>
          <div id='warp'>
              <div id='stranka'>
                <div id='horna_lista'>
                   ©
               </div>

               <div id='header'>
                  
                  <div id='header-logo'>
                      © logo
                  </div>
                  
                  <div id='header-info'>
                      © info
                  </div>
                  
                  <div id='header-login'>
                      © login
                   </div>
               </div>
            
               <div id='main_menu'>
                  
                  <div id='main_menu-begin'>
                      ©
                  </div>
                  
                  <div id='main_menu-ponuka'>
                      ©
                  </div>
                  
                  <div id='main_menu-search'>
                      ©
                  </div>
                  
               </div>
              </div>
            </div>
      </div>


a tu CSS
Kód:
#back_body{
   background-image: url('http://www.egama.eu/webpix/files/ke7l7g2na3li15yepb7a.png');
   margin: 0px;
   padding-top: 5px;
}
#warp{
   margin-left: auto;
   margin-right: auto;
   width:1000px;
}
#stranka{
   background-image: url('http://www.egama.eu/webpix/files/66toyywuo17kk9kn007o.png');
}
#horna_lista{
   background-image: url('http://www.egama.eu/webpix/files/iqiz4suj3xpijcspq76y.png');
   margin-left: auto;
   margin-right: auto;
   width:990px;
   height: 17px;
}
#header{
   background-color: orange;
   margin-left: auto;
   margin-right: auto;
   width:990px;
   height: 200px;
   margin-top: 5px;
}
#header-logo{
    background-color: red;
   position: relative;
   left: 35px;
   width:300px;
   height:150px;
}
#header-info{
    background-color: green;
   position: relative;
   left: 350px;
   width:300px;
   height:150px;
}
#header-login{
    background-color: blue;
   position: relative;
   left: 700px;
   width:300px;
   height:100px;
}

#main_menu{
    background-color: grey;
   width:990px;
   height:60px;
   margin-top: 5px;
   margin-left: auto;
   margin-right: auto;
}

#main_menu-begin{
    background-color: red;
   position: relative;
   top: 0px;
   left: 0px;
   width:40px;
   height:50px;
}
#main_menu-ponuka{
    background-color: green;
   position: relative;
   top: 0px;
   left: 40px;
   width:800px;
   height:25px;
}

#main_menu-search{
    background-color: blue;
   position: relative;
   top: 0px;
   left: 850px;
   width:100px;
   height:25px;
}


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.02.07
Prihlásený: 16.02.16
Príspevky: 876
Témy: 144
Príspevok NapísalOffline : 27.06.2009 12:23

pozri si nieco o float v CSS. To je to co potrebujes


Offline

Užívateľ
Užívateľ
Poziciovanie - akési schodky to robí

Registrovaný: 22.11.07
Príspevky: 1368
Témy: 22
Bydlisko: PD
Príspevok NapísalOffline : 27.06.2009 12:51

Pozri si spominany float a pokus sa nepisat same divy, existuju aj ine tagy.







_________________
Koreňom všetkého zla je nedostatok poznania.
Odpovedať na tému [ Príspevkov: 3 ] 


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. poziciovanie...

v HTML, XHTML, XML, CSS

4

619

04.04.2009 20:28

DeiDaro Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Relativne poziciovanie

v HTML, XHTML, XML, CSS

8

667

23.12.2009 23:12

kubki Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. poziciovanie a DIV

v HTML, XHTML, XML, CSS

9

2196

26.11.2006 21:20

xyz Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. poziciovanie vnoreneho divu css

v HTML, XHTML, XML, CSS

8

966

05.08.2010 14:03

zipper Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. graficka robi problemi?

v ATI/AMD grafické karty

20

874

16.01.2011 20:12

krogiii Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. IE robí problémy

v Sieťové a internetové programy

5

445

30.01.2008 20:12

Tominator Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Prečo mi to robi ?

v Ostatné

12

463

16.03.2014 12:31

IntelSK Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. co robi tento kod?

v JavaScript, VBScript, Ajax

1

418

30.01.2010 14:38

pilná lama glama Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. HDD niečo vždy robí

v Pevné disky a radiče

5

429

24.08.2012 11:58

tatko1953 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Rivatuner si robi srandu?

v Biosy a ladenie výkonu

4

862

24.05.2009 14:24

Atrix24 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. wifi router robí ping

v Poskytovatelia internetu

3

634

05.04.2019 17:20

shiro Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Pc robi divne zvuky

v Zvuk

6

504

16.02.2017 17:33

MatejVadrna Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Nový pc robí problémy

[ Choď na stránku:Choď na stránku: 1, 2 ]

v Ostatné

40

1001

06.04.2015 21:42

pcman111 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. robí vám KDE problémy?

v Operačné systémy Unix a Linux

12

782

12.08.2008 12:49

branislav.poldauf Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ext HDD robi problemy.

v Ostatné zariadenia

5

820

30.06.2009 18:36

AsuSmaNiaK Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Mobil si robí čo chce

v Smartfóny a tablety

16

2051

18.07.2016 9:17

erik518 Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra