| | |
| Stránka: 1 z 1
| [ Príspevkov: 5 ] | |
Autor | Správa |
---|
Registrovaný: 01.05.07 Prihlásený: 23.07.19 Príspevky: 420 Témy: 151 |
Čaute,
chcem si spravit na webe jeden obly tvar a tak som spravil jeden div container, a do neho som dal asi 11 divov - z toho 10 má na šírku 1 px; chcem zmensovat margin aby som dosiahol oblost; no ale tie divy sa mi radia pod seba......nechapem tomu; mám float left, sirku dostatočnú, a nejde to :-(
mate niekt onejaky napad prosim?
|
|
Registrovaný: 11.08.07 Príspevky: 4088 Témy: 34 Bydlisko: Brno | Napísal Ďuri: 02.04.2010 19:26 | |
|
Mas to pokazene. Co myslis, ze problem a riesenie vieme vyvestit alebo co? Daj odkaz na zivu ukazku.
|
|
Registrovaný: 01.05.07 Prihlásený: 23.07.19 Príspevky: 420 Témy: 151 |
čau, zivu ukazku nemam ale poslem kod
toto je css:
Kód: div.menucontainer { width: 491px; height: 49px; margin: -25px 0px 0px 10px; position: relative; z-index: 2; }
div.prva { background: red; width: 1px; height: 35px; margin: 0px; padding: 0px 0px 0px 0px; margin: 7px 0px 7px 0px; flow: left;
}
div.druha { background: black; width: 1px; height: 40px; margin: 0px; padding: 0px 0px 0px 0px; flow: left; }
div.tretia { background: black; width: 1px; height: 40px; margin: 0px; padding: 0px 0px 0px 0px; flow: left; }
div.stvrta { background: black; width: 1px; height: 40px; margin: 0px; padding: 0px 0px 0px 0px; flow: left; }
div.piata { background: black; width: 1px; height: 40px; margin: 0px; padding: 0px 0px 0px 0px; flow: left; }
div.siesta { background: red; width: 1px; height: 40px; margin: 0px; padding: 0px 0px 0px 0px; flow: left; }
div.siedma { background: black; width: 1px; height: 40px; margin: 0px; padding: 0px 0px 0px 0px; flow: left; }
div.osma { background: black; width: 1px; height: 40px; margin: 0px; padding: 0px 0px 0px 0px; flow: left; }
div.deviata { background: black; width: 1px; height: 40px; margin: 0px; padding: 0px 0px 0px 0px; flow: left; }
div.desiata { background: black; width: 1px; height: 40px; margin: 0px; padding: 0px 0px 0px 0px; flow: left; }
div.menu { background-image:url("../obr/vzormenu.png"); width: 401px; height: 49px; float: left; margin: 0px 0px 0px 10px; padding: 0px; position: relative; z-index: 2; } a takto vyzera kod v html Kód: <div class = "menucontainer"> <!-- obsahuje vsetky menu divy -->
<div class = "prva"> <!-- urovne sluzia na spravenie zaoblenia - budem robit rozny padding --> </div><!-- koniec prvej -->
<div class = "druha"> </div> <!-- koniec druhej -->
<div class = "tretia"> </div> <!-- koniec tretej -->
<div class = "stvrta"> </div> <!-- koniec stvrtej -->
<div class = "piata"> </div> <!-- koniec piatej -->
<div class = "menu"> <!-- rozmery tomu dam 545x136, plus pravy a lavy margin nejaky -->
</div> <!-- koniec divu menu -->
<div class = "siesta"> </div> <!-- koniec piatej -->
<div class = "siedma"> </div> <!-- koniec stvrtej -->
<div class = "osma"> </div> <!-- koniec tretej -->
<div class = "deviata"> </div> <!-- koniec druhej -->
<div class = "desiata"> <!-- urovne sluzia na spravenie zaoblenia - budem robit rozny padding --> </div><!-- koniec prvej -->
</div> <!-- koniec menucontaineru -->
dik za rychle zapojenie sa do debaty
edit: tie moje komentare si nevsimajte; som to menil takže sú kusok neaktualne
|
|
Registrovaný: 11.08.07 Príspevky: 4088 Témy: 34 Bydlisko: Brno | Napísal Ďuri: 02.04.2010 19:35 | |
|
Pise sa to float, nie flow.
Ak chces zaoblene rohy, zvykne sa to riesit obrazkom na pozadi, nie takto, ako to mas vymyslene ty.
|
|
Registrovaný: 01.05.07 Prihlásený: 23.07.19 Príspevky: 420 Témy: 151 |
bože ja som idiot dík ze si si to vsimol. inak dik za radu; skusim to teda s tym obrazkom, to bude asi fakt lepšie
|
|
| Stránka: 1 z 1
| [ Príspevkov: 5 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| načo slúžia tagy <div id="all"> a <div v HTML, XHTML, XML, CSS | 3 | 1006 | 06.10.2008 17:50 neutronmind | | HTML, CSS - skombinovat <DIV> a <p> v HTML, XHTML, XML, CSS | 2 | 588 | 28.04.2016 18:08 doubleR | | <a href> around <div> v HTML, XHTML, XML, CSS | 9 | 961 | 17.01.2007 22:43 exot | | <div> height ? v HTML, XHTML, XML, CSS | 8 | 750 | 26.01.2009 8:51 don jebot | | Automatycká velkosť <div> v HTML, XHTML, XML, CSS | 3 | 471 | 28.07.2014 21:22 nig3c | | vytvorenie posuvneho <div> v JavaScript, VBScript, Ajax | 7 | 653 | 01.12.2009 14:55 pilná lama glama | | Hrúbka <frame> a <rules> v <table> v HTML, XHTML, XML, CSS | 7 | 667 | 25.01.2009 22:10 Ďuri | | target do <div> cez Ajax: zlý charset v JavaScript, VBScript, Ajax | 15 | 1267 | 12.03.2011 18:21 TheRay | | Ako spustiť animáciu až vtedy, keď scrollnem na daný <div>? v JavaScript, VBScript, Ajax | 2 | 593 | 02.12.2016 17:50 Lessik | | formular: presun <option> zo <select> do <select> v JavaScript, VBScript, Ajax | 2 | 752 | 28.09.2009 15:27 tomast7 | | divy vedla seba v HTML, XHTML, XML, CSS | 10 | 3123 | 07.01.2010 19:30 miro277 | | 2 divy vedla seba v HTML, XHTML, XML, CSS | 14 | 1559 | 15.03.2007 15:09 m@-nX | | Dva routre vedla seba v Siete | 2 | 721 | 06.05.2011 15:05 shiro | | >>> Java - connection problem ! <<< v Assembler, C, C++, Pascal, Java | 2 | 700 | 22.07.2009 8:38 johny3212 | | menu a obsah vedla seba v HTML, XHTML, XML, CSS | 1 | 589 | 07.10.2009 9:05 pilná lama glama | | Ako nakodit geometricke tvary vedla seba ? v HTML, XHTML, XML, CSS | 4 | 684 | 04.09.2012 21:11 costler |
| 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
|
|