Autor Zpráva
alteaffe
Profil *
zdravim,
delam 3 sloupcovej layout v css ( aspon se o to snazim) uz mam hotovy 2 rohy nahore a ohraniceni stredu.
Jenze nevim proc proste 2 zbyle rohy co maji byt dole nechteji jit dolu . Jak to udelat aby sedeli dole ?
Jinak podivejte se na ten kod a reknete mi co tam am dodelat , ja v css delam layout poprvy.

nahled :http://tubeguitaramp.de/layout/index.html



<style>
<!--
body {background-color: #333333;}
.stred { float: left; width: 731; height: 100%; background-color: #C0C0C0 }
.celek { width: 100%; height: 100%; }
.leva { float:left; width:187; height:100%; background-image:url('l.gif'); background-repeat:repeat-y }

.prava { width: 187; height: 100%; background-image: url('p.gif'); background-repeat:
repeat-y; background-position-x: left; float:left }

.1 { background: url('1.gif') no-repeat top left;; width:187; height:44 } /* levy roh nahore */
.2 { background: url('2.gif') no-repeat top right;; width:187; height:44 } /*pravy roh nahore*/
.3 { background: url('3.gif') no-repeat bottom left;; width:187; height:44 } /*levy roh dole */
.4 { background: url('4.gif') no-repeat bottom right;; width:187; height:44 } /pravy roh dole*/
.h { background-image:url('h.gif'); background-repeat:repeat-x; background-attachment:scroll; background-position-x:top;} /*horni ohraniceni stredu */

.text {}
-->
</style>
</head>

<body>
<div class="celek">
<div class="leva" ><div class="1" ></div><div class="text" >ff</div></div>
<div class="stred"><div class="h" ><div class="text" >ff</div></div></div>
<div class="prava"><div class="2" ></div><div class="text" >ff</div></div>
</div>

</body>
</html>
Str4wberry
Profil
Třídy s číslicí na prvním místě Ti nebudou fungovat ve standardním módu a ve Firefoxu.
alteaffe
Profil *
jeste jak mam udelat abych mnel ty divy vedle sebe pravej -prostredni -levej a bay se mi nesesouvali pod sebe.
Jinak v mouzile to ty rohy nezobrazuje :-(
Str4wberry
Profil
Člověče, hledej.
HGD
Profil
když chceš DIVy vedle sebe, tak jim musíš přiřadit float ale pak si zase musíš dávat bacha na patičku, tam zase clear
alteaffe
Profil *
kua mne uz z toho ... , ja ten div s tim dolnim rohem proste nedam dolu a nedam . Flotat bottom NIC
position bottom nic vsechno sem zkusil na botom a furt sedi nahore ten div . Ja to potrebuju aby se to posouvalo ten dolni roh , takze pozice absolutni a relativny muzu vynechat .
ten priklad od hledej. , hmm tam jsou prave ty pozice absolutni. to by mi ten roh sedel porad na tom samim miste.
Str4wberry
Profil
Tak ještě jednou ten odkaz — http://css.interval.cz/clanky/kulate-rohy/ — vyčti si to z toho.
alteaffe
Profil *
jak je mozny ze ten horni roh sedi krasne nahore a ten dolni nechce sedet dole

<div class="objem_leveho_menu"><div class="horni_roh"><div class="text"> </div></div><div class="spodni_roh"></div></div> tak co kua delam blbe nechapu
fandaa
Profil
Pokud by si chtěl něco složitějšího - PHP bude generovat kulaté rohy : http://www.roscripts.com/Rounded_corners_with_PHP-94.html
alteaffe
Profil *
hmm tak se na to podivej , sice ted mam podle toho tvyho odkazu , nahore a dole ty rohy , ale zase pozadi je souply uplne mimo .
alteaffe
Profil *
jo ta ukazka http://www.tubeguitaramp.de/layout/menu.htm
habendorf
Profil
Uvědom si z čeho se počítá těch 100%.

A BTW, mrkni na to ve FF.
alteaffe
Profil *
http://tubeguitaramp.de/layout/menu.htm
Manq
Profil
A BTW, mrkni na to ve FF.
Ono ani v Opeře to není žádnej zázrak...

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0