Dávid kérdésére úgy döntöttem nem csak ott válaszolok, hanem közzéteszem a dolgot mindenki számára.
A kérdés az, hogy lehet több hasábot tenni a sidebarra. Szerintem a legegyszerűbb módszer erre a következő:
Csinálsz css-ben egy div-et, aztán két másikat azon belül megadott szélességgel. Ezután a sidebar.php -ba beteszed a diveket, s működik az egész.
példa (css):
#ketoszlop{ width: 500px; /* szelesseg*/ height: 500px; /*magassag*/ padding: 5px 0px 10px 10px; /*fent jobb lent bal*/ } .ketoszlopbal{ float:left; /*igazitas balra*/ width: 200 px; height: 500px; border: none; /*keret*/ } .ketoszlopjobb{ float:left; width: 200 px; height: 500px border: none; }
Töltsd le: ketoszlop.css
(Értelemszerűen cseréld a szélességeket arra, amire akarod!)
példa (php file-ba illesztendő):
<div id=“ketoszlop”> <div class=“ketoszlopbal”> ez lesz a bal oszlopban </div> <div class=“ketoszlopjobb”> ez lesz a jobb oszlopban </div> </div>
Töltsd le: ketoszlop.txt
U.I.: php/css guruk javítsatok, ha valahol elrontottam!
a ketoszlop.css-t a style.css végére kell odabigyezteni?
Oda, vagy, ha k2-őt használsz, akkor lehet ugyebár saját stílus file-od. Ebben az esetben inkább abba írd bele!
hát nekem sehogy sem jönn össze. bemáoltam mint a két helyre. azt csinálja hogy beteszi újra azt a két kategoriát, de ismét csak egymás alá:(
Tudsz adni linket az oldalra?
Az oldal alját én így csináltam. Azzal a különbséggel, hogy 3 részre osztottam, nem kettőre.
tudok. bdp.extra.hu
lehet hoyg nem elég széles a sidebarom. mondjuk szerintem akkor is engedné hogy egymás mellé tegye őket. a css-ben a .ketoszlopbal és a .ketoszlopjobb-at át kell írni a sidebar.php-ben lévő class-okra?
a sidebar.php-ben gy nézz ki:
bocs,de nem akarja kiírni amit beírtam :( na,mindegy
Ahogy nézem a class-ok nincsenek meg. Amit a class=”ketoszlopbal” és a /div közé teszel be, az kerül a baloldali oszlopba. Ezután nyiss egy class=”ketoszlopjobb” divet, s amit azután írsz be, az kerül a jobboldali oszlopba!
azota sikerült megoldanomm,már csak azt kell megoldanom, hogy valahogy normálisan helyezkedjenek el, majd variálok valmit px-ekkel. nagyon szépen köszönöm. és elnézést a késői kérdésekért :)
Semmi gond. Mindenkinek vannak kérdései. :-) Azokból lehet tanulni.
A px értékeket variáld, meg nézz utána a css-ben, miket lehet még változtatni! Jó játékot még vele, meg jó éjszakát!
Nekem ezt Oxi nem rég tanitotta.. :).. lehetne néha ilyesmi az oldaladon.. kissebb tuturialok.. nyugodtan…
Hát izé, bocs, de ez így még elég minimál…
- A 20[szóköz]px nyilván csak typo, de egy tutorialban nem hagynám benne, mert nem fog működni.
- A konkrét számokkal az a baj, hogy ha valaki megad margint, paddingot (amik azért szoktak kelleni), vagy akár csak egy 1 pixeles bordert, akkor néz, hogy miért ment egymás alá. Azért, mert az hozzáadódik a width-hez, úgy meg már nem fér bele.
- Ha csak nincs több ilyen oszlop, jobb id-t adni a belső oszlopoknak is, mert az erősebb. Így most hiába specifikál valaki pl. egy fontot csak az egyik oszlopra, ha a #ketoszlop divre is megadott valamit, az fog érvényesülni.
- Meg kéne még említeni, hogy a float-ot a clear oldja fel, ha valakinek a két oszlop alatti tartalom furán viselkedik, akkor adjon neki clear:both; szabályt a css-ben.
- Alternatíva, ha a float valamiért bebasz (IE nem mindig szereti):
#ketoszlop {position:relative}
.ketoszlopbal {position:absolute; top:0; left:0}
.ketoszlopjobb {position:absolute; top:0; right:0}
(Elnézést az okoskodásért, csak azért írtam, mert kérted.:))
Semmi gond, s teljesen igazad van. Alapvetően egy gyors tutorialt akartam, s egy összecsapott lett belőle. :-)
Köszönöm a korrekciókat.
én a position: absolute-tól mindenkit csak óvni tudok, rengeteg szopás van vele, főleg ha php van az oldal mögött, mert ezek (ahogy a neve is mutatja) abszolut poziciot kreálnak, szóval ha valami hibaüzenet akarna megjelenni azon a részen, akkor az a két div alatt lesz, és ezért nem fogja látni az illető.
Másfelől a 20[szóköz]px valóban nem jó, azt javítanám.
Amúgy jó ;)
Javitva.