[ 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 | 149
Bydlisko: Houston, Texas
NapísalOffline : 27.06.2009 12:14 | Poziciovanie - akési schodky to robí

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 | 144
NapísalOffline : 27.06.2009 12:23 | Poziciovanie - akési schodky to robí

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 | 22
Bydlisko: PD
NapísalOffline : 27.06.2009 12:51 | Poziciovanie - akési schodky to robí

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


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


Poziciovanie - akési schodky to robí



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

646

04.04.2009 20:28

DeiDaro

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

Relativne poziciovanie

v HTML, XHTML, XML, CSS

8

704

23.12.2009 23:12

kubki

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

poziciovanie a DIV

v HTML, XHTML, XML, CSS

9

2228

26.11.2006 21:20

xyz

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

poziciovanie vnoreneho divu css

v HTML, XHTML, XML, CSS

8

1003

05.08.2010 14:03

zipper

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

graficka robi problemi?

v ATI/AMD grafické karty

20

909

16.01.2011 20:12

krogiii

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

IE robí problémy

v Sieťové a internetové programy

5

474

30.01.2008 20:12

Tominator

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

Ext HDD robi problemy.

v Ostatné zariadenia

5

843

30.06.2009 18:36

AsuSmaNiaK

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

Prečo mi to robi ?

v Ostatné

12

487

16.03.2014 12:31

IntelSK

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

co robi tento kod?

v JavaScript, VBScript, Ajax

1

447

30.01.2010 14:38

pilná lama glama

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

462

24.08.2012 11:58

tatko1953

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

wifi router robí ping

v Poskytovatelia internetu

3

744

05.04.2019 17:20

shiro

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

Rivatuner si robi srandu?

v Biosy a ladenie výkonu

4

887

24.05.2009 14:24

Atrix24

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

Pc robi divne zvuky

v Zvuk

6

545

16.02.2017 17:33

MatejVadrna

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

849

12.08.2008 12:49

branislav.poldauf

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

1104

06.04.2015 21:42

pcman111

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

C++ v Slovencine robi problem

v Assembler, C, C++, Pascal, Java

6

723

09.07.2017 15:18

JouSVK



© 2005 - 2024 PCforum, edited by JanoF