| | |
| Stránka: 1 z 1
| [ Príspevkov: 3 ] | |
Autor | Správa |
---|
Registrovaný: 20.03.08 Prihlásený: 08.03.17 Príspevky: 596 Témy: 149 Bydlisko: Houston, Texas | Napísal Unlink: 27.06.2009 12:14 | |
|
Ahojte snažím sa urobiť jeden desing ale akosi mi to nejde
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; }
|
|
Registrovaný: 25.02.07 Prihlásený: 16.02.16 Príspevky: 876 Témy: 144 | Napísal kajbo: 27.06.2009 12:23 | |
|
pozri si nieco o float v CSS. To je to co potrebujes
|
|
Registrovaný: 22.11.07 Príspevky: 1368 Témy: 22 Bydlisko: PD | Napísal lio: 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. |
|
| Stránka: 1 z 1
| [ Príspevkov: 3 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| poziciovanie... v HTML, XHTML, XML, CSS | 4 | 619 | 04.04.2009 20:28 DeiDaro | | Relativne poziciovanie v HTML, XHTML, XML, CSS | 8 | 667 | 23.12.2009 23:12 kubki | | poziciovanie a DIV v HTML, XHTML, XML, CSS | 9 | 2196 | 26.11.2006 21:20 xyz | | poziciovanie vnoreneho divu css v HTML, XHTML, XML, CSS | 8 | 966 | 05.08.2010 14:03 zipper | | graficka robi problemi? v ATI/AMD grafické karty | 20 | 874 | 16.01.2011 20:12 krogiii | | IE robí problémy v Sieťové a internetové programy | 5 | 445 | 30.01.2008 20:12 Tominator | | Prečo mi to robi ? v Ostatné | 12 | 463 | 16.03.2014 12:31 IntelSK | | co robi tento kod? v JavaScript, VBScript, Ajax | 1 | 418 | 30.01.2010 14:38 pilná lama glama | | HDD niečo vždy robí v Pevné disky a radiče | 5 | 429 | 24.08.2012 11:58 tatko1953 | | Rivatuner si robi srandu? v Biosy a ladenie výkonu | 4 | 862 | 24.05.2009 14:24 Atrix24 | | wifi router robí ping v Poskytovatelia internetu | 3 | 634 | 05.04.2019 17:20 shiro | | Pc robi divne zvuky v Zvuk | 6 | 504 | 16.02.2017 17:33 MatejVadrna | | Nový pc robí problémy [ Choď na stránku: 1, 2 ] v Ostatné | 40 | 1001 | 06.04.2015 21:42 pcman111 | | robí vám KDE problémy? v Operačné systémy Unix a Linux | 12 | 782 | 12.08.2008 12:49 branislav.poldauf | | Ext HDD robi problemy. v Ostatné zariadenia | 5 | 820 | 30.06.2009 18:36 AsuSmaNiaK | | Mobil si robí čo chce v Smartfóny a tablety | 16 | 2051 | 18.07.2016 9:17 erik518 |
| 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
|
|