Új hozzászólás Aktív témák
-
-
corm
senior tag
Na viszont rájöttem, hogy az én gondomra ez mégsem a tökéletes megoldás, bár lehet, hogy olyat szeretnék, amit simán div-ek egymás mögé rakosgatásával úgysem lehet megvalósítani.
Szóval adott ez a nagyonbéta oldal: [link] és amint látjátok az egység megbomlik, azzal, hogy az alján ott van egy szürke téglalap. Nos, az lenne az én tervem, hogy azt odaheggesszem az ikertestvére alá, a gombok és a jobboldali drapp sáv közé. A divek egymás után írása miatt viszont ez megy a következő sorba, így esélyem sincs, hogy odamenjen. Felteszem abolute position értékkel és megfelelően pozícionálva menne, de az nem annyira szép, és egy esetleges átméretezésnél nagy problémák lennének vele.
Van-e valami egyszerű megoldás erre?
A másik: az miért van, hogy IE-ben abszolute semmi nem látszik az egészből? Ennyire azért nem lehet bugos, feltételezem valami a style deklarációs résznél hibádzik, de mi? -
shev7
veterán
nem egeszen ertem, hogy mit akarsz, de megprobalom kitalalni.
Tehat egy oldalhoz tobb css, ezek kozott lehet valtani. A gombok hattere ha fole viszed az egeret megvaltozhat, de attol fuggoen kell valtozni, hogy melyik ''css-ben'' vagy. Ha ez a problemad, akkor en az jsben a kovetkezokeppen oldanam meg. Nem a teljes filenevet adnam meg, hanem a filenevek csak egy karakterben kulonboznenek, es ezt a karaktert valtana a js.
Ha teljesen masrol szolt a kerdes, akkor nemertettem, bocsi
-
corm
senior tag
válasz
vakondka
#179
üzenetére
A title csak figyelmetlenség miat tkerült két head-lezáró tag közé, de minthogy abszolute nemlényeg, nem is probléma. A cellspacingra rájöttem időközben, viszont ez így miért jó, hogy nem lehet?
S hogy valami újat is kérdezzek: az a cél, hogy cssel teljes kinézetet váltsak, képeket is. Ezt úgy terveztem, hogy mondjuk a menü egy táblázat, az elemei a gombok, és a tr-ek hátterének adom meg a képeket. Viszont olyan extra kívánságaim is vannak, hogy ez a ogmb javascript onmouse hatására átváltozzon. Csakhogy így már kicsit bajosabb, mert a js-be be kell írnom h mire váltson, és a css-be is csak egy-egy értéket adhatok meg. Valami egyszerű megoldás kéne, mert bár phpval könnyen megoldható lenne, hogy a css beli kép értékéhez hozzárendelem az alter kép értékét, de ennyire nem akarom túlbonyolítani.
Ötlet valaki? -
corm
senior tag
Naja, én kis naiv ma reggel felkeltem, no mondom elkezdjük a csst. A tegnap éjjel átfutott a weblaboros doksiból frémlő emléékképek alapján arra gondoltam, szépen leírom a html taget, a paramétereket meg jól belerakoma cssbe, és milyen szuper is lesz. Mostanra eljutott a tudatomig, hogy ez azért nem így van. Minden valószínűség szerint a többidolog is hasonló okok miatt nem megy.
Köszi. -
corm
senior tag
Sziasztok!
A minap kezdtem el tanulmányozni és alkalmazgatni a css-t, de máris hibákat tapasztalok
Nopersze lehet a hiba én vagyok, majd kiderül.
Szóval egy igen alap probléma: adott egy teljesen egyszerű oldal[link], külső css lapot[link] használva. A select, p és h1 tageket hibátlanul változtatgatja, de van egy table is. Még az sem gond, hogy a táblázat fontját alakítsa, viszont a többi beállítást, mint pl. border, cellspacing, stb. valamiért nem nagyon akarja nekem végrehajtani.
Előre is kösz a válaszokat! -
shev7
veterán
válasz
vakondka
#167
üzenetére
az elozo valtozatodban kivettem a style=''height: 178px;'' -et az elsobol, es nem volt ranyulas. De ez a masodik valtozat tenyleg furan nez ki, ebed utan ranezek meg, de sztem faster hamarabb megtalalja a hibat, hiba, a nev kotelez
mod: es ha a kep magassag + 20px-et nem heightnek, hanem min-heightnek allitod be?
[Szerkesztve] -
vakondka
őstag
a felsorolásjelek problémáját már megoldottam időközben...
sajnos firefoxban nem nyúlik a div, ha nincs benne a magasság adat...
így viszont béna, mert ráfed a másikra...
Na, kivettem azt a részt ami lekérdezi a kép magasságát és beállítja az alapján a div magasságot...gondolom most már látod, hogy mi a gáz...rosszabb mint volt
az oldal: [link]
a css:[link]
[Szerkesztve] -
shev7
veterán
''Ez pontosan mi miatt kell? Ha egy div-nek nem adsz meg magasságot, akkor nyúlni fog függőlegesen, ha szükséges.'' Pont ezt akartam en is tanacsolni, csak elment a netkapcsolatom.
Viszont a min/max height-rol meg nem hallottam, pedig multkor pont erre lett volna szuksegem, koszi -
faster
nagyúr
-
faster
nagyúr
válasz
vakondka
#158
üzenetére
a listaelemek felsorolásjelei nem négyzet, mint explorerben,
Nekem ff-ben is négyzetek.
Erre kitaláltam, hogy mi lenne, ha a div magasságát a képmagassága+20px re beállítanám.
Ez pontosan mi miatt kell? Ha egy div-nek nem adsz meg magasságot, akkor nyúlni fog függőlegesen, ha szükséges.
[Szerkesztve] -
vakondka
őstag
a magasságot úgy tudom megadni jelenleg, hogy lekérdezem a cikkhez tartozó kép magasságát, hozzáadok 20 pixelt és akkor ez a smallcontainer div magassága...
Az adatbázisban csak szöveg van illetve a linkek, és persze ez változni fog rendszeresen...
használja table-t ???...akkor tuti nem csúszik szét... -
shev7
veterán
válasz
vakondka
#158
üzenetére
volt mar errol szo vlamelyik topicban. A gond a css szabvannyal van. Elvileg a css szabvany nem tamogat olyat, hogy megnyujtsa egy div meretet, ha a tartalom nem fer bele, az ie megis megteszi. Lehet eldonteni, hogy megint az ie a hibas, mert nem tartja be a szabvanyt, vagy a szabvanybol hianyzik egy egyebkent hasznos funkcio.
MOD: de ha a magassag ugyis adatbazisbol jon, nem lehetne, olyan magassag erteket beallitani adatbazisban, hogy ne csusszanak ossze a dolgok?
[Szerkesztve] -
vakondka
őstag
Azon vagyok, hogy táblázatmentesen készítsem el a régi weblapunk új változatát...
...azt hittem egyszerűbb lesz.
Ami furcsa, hogy explorerben pontosan úgy néz ki, ahogyan szeretném, viszont firefox-ban
az egyik div szövege rátakar a másikra. Mit csinálok rosszul ?
Ez lenne az új verzió linkje: [link]
Így elsőre még jónak is tűnik, de:
a listaelemek felsorolásjelei nem négyzet, mint explorerben,
illetve, ha rákattintunk az angol zászlóra, mikor az újdonságokat mutatja,
akkor rögtön látszik, hogy az első termékleírás rátakar a másodikra...
pedig minden újdonság egy külön divben van aminek smallcontainer a neve és a css-ben ez be is van állítva fix szélességűre.
A gond az a magassággal van, mert az nem lehet fix ugyanis adatbázisból jön.
Erre kitaláltam, hogy mi lenne, ha a div magasságát a képmagassága+20px re beállítanám.
Azóta nem csúszkálnak szét a dolgok és exlorerben meg is nyúlik a smallcontainer magassága ahogy kell, de a firefox ezt nem szereti
Tehát ez a felépítés jelenleg:
<div class=''smallcontainer'' style=''height:400px;''>
<div class=''rightpic''>idejön a kép és a linkje</div>
<span class=''cikkcim''>A termék címe</span><br />
A termék leírása
</div>
azután a következő...stb
bármi ötlet
-
skera
tag
Na, nem hittem volna, hogy ezt teszem, de most rákényszerültem
Van egy 780pixel széles DIV-em, amin belül van 2 darab DIV. Az egyik egy 200 pixeles menü a másik 580 pixeles rész, amelyben tartalom jelenik meg. A célom az, hogy a két DIV-et egymás mellett jelenítse meg. Mindez Firefox alatt sikeresen össze is jött, azonban a gond -ki hitte volna- IE alatt akad. A bal oldali DIV alá rakja, de de legalább jobbra igazítva.
A javaslataitokat előre is köszönöm! -
skera
tag
Nekem is volt hasonló problémám, bár nekem csak DIV tag-ek voltak. Ott úgy csináltam meg, hogy volt ott is egy fix szélességű rész, ami az én esetemben a menü és mellette pedig a szokásos, tartalom rész. Úgy csináltam végülis, hogy margin-left-nek beállítottam a mellette lévő rész (menü) szélességének az értékét plusz 1-2 pixelt, hogy mégse legyen ''rátapadva''.
-
Tyrael
senior tag
van valami megoldas a dynamikus szelesseg problemajara?
at kene szabnom egy weboldalt, ami tablazatokkal van megoldva.
egy olyan kethasabos elrendezes kellene, amiben az elso oszlop/div fix szeles, a masik oszlop pedig olyan szeles, mint a fentmarado hely.
floattal probalkoztam, de nem jottem ra, hogy hogyan adjam meg a valtozo szelessegu oszlop szelesseget, ha nem adok meg szelesseget, vagy fix, vagy %os szelesseget adok meg, akkor ha osszehuzom a bongeszot, akkor beesik a fix oszlop ala a masik.
:S
Tyrael -
Tyrael
senior tag
ja, amugy k anyjat az iexplorernek.
meg csak 1 honapja szenvedek a css-sel, de mar vagy 1000× elatkoztam az IT-t.
Amugy talalt valaki olyan megoldast (ami megy mind ie-vel, mind ff-fel), amivel egy min-height-os diven belul fuggolegesen kozepre lehetne igazitani egy gyermek divet, aminek szinten valtozo a merete?
talaltam egy-ket megoldast, egyikhez ie-nek relative, absololute pozicionalas mellett el kellett 50%-al tolni a kulso top-jat, a belsonek meg -50% margo, ez mukodne is, csak adott korulmenyek kozott nekem static kellene hogy legyen a position. :S
ff-re meg table, table-cell-es megoldas volt vertical-align: middle-vel, de az sem jo, mert a table-cell-nel a kivant child elem raterpeszkedett a ''testvereire'' (tehat a vele egy szinten levo masik ket divet eltakarta, vagy talan be is olvasztotta, nemtom.)
5let?
Tyrael -
#147
paramparya
őstag
paramparya
őstag
Bizony, érdemes 800x600-ra tervezni alapból, jobb oldalt legfeljebb több üres tér/háttér lesz, de az zavaró tud lenni nagyon, ha jobbra-balra kell scrollozni..
-
skera
tag
Nekem is a legújabb FajaFox van 1.5.x, de csak 800*600-ban, szintén XP oprendszerrel, bár az semmit se számít. Apropó, ha lehet javasolni valamit, akkor pont ez volna. Végülis ma már 640*480 nincs ''forgalomban'', viszont a 800*600 még igen. Éppen ezért a bal oldali nagy térközt be lehetne állítani úgy, hogy szélessége változó legyen, míg a jobb oldali rész fix maradjon. Így a bal oldal szélessége a felbontással változna csak.
-
skera
tag
-
#141
supi0070
tag
paramparya
#138
supi0070
tag
válasz
paramparya
#138
üzenetére
nem bizony.
kritikákra vagyok kíváncsi. és köszönöm, hogy szántál rá időt.
a hibákból lehet tanulni
-
Tyrael
senior tag
-
Protezis
őstag
válasz
supi0070
#137
üzenetére
Alapvetően szép, de van egy-két része, amit szépíthetnél még.
A szöveg, melyek képként vannak megjelenítve (So what is this about, stb.), szóval ezeknél a betűk körvonalainál látszódik a tömörítés rossz hatása.
A baloldali menük talán lehetnének szebbek, picit több grafikai elemet is tartralmazhatnának.
Amúgy szép, küldd be
Én is csináltam egy oldalt, de sosincs időm befejezni
-
#138
paramparya
őstag
supi0070
#137
paramparya
őstag
válasz
supi0070
#137
üzenetére
Hát, nálam ie-ben, a ''Download sample...'' rész kilóg jobbra (kb. a load o és a betűje közt lép ki a keretből), plusz a menük headerjei picit rálógnak az első menüpontra...
És ott vannak a validator linkek, csak az xhtml-t és css-t néztem, de nem gratulált egyik sem
Ezek csak a hibák gyors kivonatai, gondolom nem arra voltál kíváncsi, hogy ''Hű, de szép; de ügyes vagy, stb.''
-
faster
nagyúr
válasz
supi0070
#133
üzenetére
Ezt a linket írtad be a validatorba:
www.szarember.uw.hu/index.html Hmm, érdekes domain név.
Az uw ilyenkor egy átirányítást csinál erre:
http://szarember.uw.hu/
Ami egy frameset, és ez sajnos nem valid.
Ha a saját kódodat akarod validállni, akkor így add meg a validálni kívánt html elérését:
szarember.uw.hu/index.html
[link]
Egyébként ez a kód alapjába véve jó, egy hiba van, a meta tagok nincsenek lezárva, ami xhtml-ben kötelező.
Pl.
<meta http-equiv=''content-type'' content=''text/html; charset=iso-8859-1''>
helyett
<meta http-equiv=''content-type'' content=''text/html; charset=iso-8859-1'' />
A csszengardenen is így van, annak a forrása hibátlan.
Na, miközben ennyit szövegeltem, Gregorius beírta a lényeget.
[Szerkesztve] -
Gregorius
őstag
válasz
supi0070
#133
üzenetére
Jobban jársz, ha a text-et kézzel töltöd bele a validatorba, különben esetleg az uw reklám frameset-jét fogod validálni, ami minden, csak nem valid.
Egyébként meg validnak tűnik az oldal, kivéve az üres tag-eket, merthogy XHTML-ben azokat így szokás írni:
<meta http-equiv=''content-type'' content=''text/html; charset=iso-8859-1''/>
[Szerkesztve] -
Tyrael
senior tag
meg mindig nem koser. :S
szal ez lenne az oldal:
<div class='main'>
<div class='header'></div>
<div class='body'>
<div class='menu'></div>
<div class='page'>
<div class='pagetext'></div>
</div>
</div>
<div class='footer'></div>
</div>
A cel az lenne, hogy a pagetext-be barmennyi szoveget irok, akkorara ''nyuljon'', es ehhez igazodjon a parent elem, illetve a footer ne logjon bele a szovegbe, hanem lebegjen be ala.
Tyrael -
Tyrael
senior tag
válasz
supi0070
#128
üzenetére
asszem rajottem a megoldasra, de majd otthon kiprobalom:
mi van akkor, ha 2 divet csinalok egy container-t, meg egy child-ot, container-t meretet autora rakom, hogy akkora legyen, mint a tartalom, a child div-et pedig berakom fix 600px-re, es az overflow-val beallitom azt, hogy atfollyon a kovetkezo div-be a szoveg.
igy ELMELETILEG: ha 600px-nel kevessebb szoveg van, akkor 600px lesz a doboz merete, ha pedig tobb mind 600px, akkor pedig akkora lesz, mint a szoveg.
Tyrael -
Tyrael
senior tag
ja igen, eszembe jutott mit akartam megkerdezni.
ahogy latom ie nem tamogatja sem a minlength, sem a maxlength-t. Hogy lehet akkor megoldani, hogy egy div olyan hosszu legyen, mint a benne levo tartalom, de ha nincs benne tartalom, akkor se legyen kissebb, mint mondjuk 600px.
Tyrael -
faster
nagyúr
A második példánál a string-et nem dupla, hanem sima aposztróf zárja, csak már nem akarom módosítani, mert akkor az idézőjeleket a fórummotor szokás szerint elcseszi.
Tényleg, a heredoc formátumú kiírást kihagytam:
echo <<< EOS
<div onmouseover="this.style.backgroundColor='#AAAAAA'" onmouseout="this.style.backgroundColor='#FFFFFF'">
tartalom
</div>
EOS
[Szerkesztve] -
faster
nagyúr
válasz
hz hefti
#122
üzenetére
Egye fene, kiescape-elem neked.
echo "
<div onmouseover=\"this.style.backgroundColor='#AAAAAA'\" onmouseout=\"this.style.backgroundColor='#FFFFFF'\">
tartalom
</div>";
vagy
echo '
<div onmouseover="this.style.backgroundColor=\'#AAAAAA\'" onmouseout="this.style.backgroundColor=\'#FFFFFF\'">
tartalom
</div>";
vagy
?><div onmouseover="this.style.backgroundColor='#AAAAAA'" onmouseout="this.style.backgroundColor='#FFFFFF'">
tartalom
</div><?
js nelkul nincs ra megoldas?
Olyan, ami Explorerben is működik, nem igazán, illetve, elméletileg megoldaható, de bonyolultabá válik a kód, mintha js-t használnál. A CSS-ben a '':hover'' pseudoclass-szal lehet mouseover effekteket csinálni, de sajnos az Explorerben ez csak anchoron működik, a többi elemnél nem. -
Tyrael
senior tag
opera internet explorer motort hasznal
iexplorer ha jol vettem eszre rosszul meretezi a div-eket
szerinte egy div olyan szeles, mint a tartalom
szabvany szerint(amit a firefox hasznal) a div olyan szeles, mint a tartalom+margin+padding+border
ezert ha csinalsz egy 700 szeles divet, aminek van 30 marginja mindket szelen, akkor firefox szerint ez 700 szeles, amibol 640 a tartalom, es 60 a margin.
IE szerint viszont ez 760px (700 tartalom + 60 margin)
en ugy oldottam meg, hogy csinaltam egy nagyobb div-et, meg egy kissebbet, es a kicsit a nagy fole raktam, a nagy a hatter, a kicsiben van a szoveg, es igy olyan, mintha margoja lenne.
Tyrael -
PGee
tag
Sziasztok!
Nagy gondom van, szeretnék egy normális kinézetű oldalt alkotni CSS segítségével, de egy sor problémába ütköztem.
Pl:
Vegyünk két dobozt, az egyik 700px széles, a másik 680 px széles, 10px padding értékkel, ekkor a két doboz firefoxban egyforma széles, az opera viszont már a másodkat 20px-el kisebre veszi.
Igazság szerint per pillanat ez a legnagyobb gondom, ezt ki lehet küszöbölni valami trükkel? Biztosan lehet, de lövésem sincsen hogyan... -
Tyrael
senior tag
válasz
Protezis
#112
üzenetére
csak a png-vel van ilyen gondja, vagy minden atlatszo kepet rosszul kezel?
amugy mar megoldottam, mert a kepek teljes meretet kitoltottem szurkevel, de azert jo lett volna, ha megy igy is.
css-sel meg lehet azt oldani, hogy egy tablazatot kozepre igazitsak?
html-ben <table align=''center'' es kesz is, de css-ben csak text-align-t, meg vertical-align-ot talaltam.
Ezek meg ha jol lattam, akkor a tablazatban talalhato szoveg elhelyezkedeset igazitjak, nem maganak a tablazatnak.
Tyrael -
Protezis
őstag
Az, hogy valid, sajnos nem azt jelenti, hogy mindenhol ugyanúgy fog kinézni. Sajnos sok böngésző sok dologban nem a szabványt követi.
Az IE nem kezeli megfelelően az transzparens png képeket, az IE7 azt hiszem megfelelően fogja (vagy lehet már a mostani beta is tudja) megjeleníteni. -
Tyrael
senior tag
egy rövid tömör kérdésem lenne:
ha csinálok egy html/css valid oldal-t, akkor az minden normális böngészőn ugyanugy fog/kellene megjelennie?
Pl. csináltam egy oldalt, elméletileg valid, de pl. linux alatt konqueror-ban nem ugyanúgy néz ki, mint mondjuk firefoxban. Ez a böngésző nem szabvány szerinti működése okozza?
Érdemes/kell foglalkoznom vele, hogy az ilyen szabványtól eltérő böngészőkben is jól jelenjen meg az oldal, vagy elég, ha ie, gecko motoros böngészőkben jó.
Illetve tegnap még belefutottam egy érdekes hibába:
Szürke háttérre ráraktam egy félig átlátszó png-t.
Firefox alatt, ott ahol átlátszó a kép, látszik szépen a háttérszín, de ie alatt a szürke helyett valami kékesszürke szín látszik. Ha nem rakom oda a képet, akkor ie is jól mutatja a szürke hátteret.
Konkréten ez az az oldal, jah, meg írjatok róla véleményt, 5leteket, kritikát, bár előre bocsájtom, hogy ez az első saját kézzel írt oldalam.
[link]
Jah, az oldalam firefox plugin szerint valid, csak az atw által beszúrt banner, meg js. miatt jelez hibát.
Tyrael -
Gulliver
tag
válasz
Protezis
#108
üzenetére
Detto igazad van. Viszont még mindig nem tökéletes a dolog. Nézd meg a frissített linket. Most pontosan meghatároztam a ''right'' div leftjét, azaz 200px-re tettem azt a main divhez viszonyítva, viszont az eredmény: 200px -re a left divtől. Próbáltam a 0; -t is és akkor megint jó a layout viszont a link meg megint nem működik???
Egyszer akkor is CSS prof leszek!
-
Protezis
őstag
válasz
Gulliver
#107
üzenetére
A div.right a linkes div fölött van ha beállítod fixen a magasságát. Ezt a ColorZilla extensionnel látszik: ha a link felé viszem az egeret, azt írja ki, hogy a div.right felett vagyok. Ez eltakarja a linkeket, ezért nem működnek, ergo nem a linken, hanem a div.righton van az egér. Valahogy próbáld meg átszerkeszteni a diveket. Lehetőleg a rightot.
-
btw tuti nem ez a gond, hanem a felbontás meg a sorfolytonosság gondolom. Na mindegy, bepasszírozom az egészet egy tablebe
Új hozzászólás Aktív témák
Hirdetés
- Synology NAS
- Azonnali navigációs kérdések órája
- Egyedül?!
- sziku69: Szólánc.
- Luck Dragon: Asszociációs játék. :)
- sziku69: Fűzzük össze a szavakat :)
- iRacing.com - a legélethűbb -online- autós szimulátor bajnokság
- Kerékpárosok, bringások ide!
- sh4d0w: Árnyékos sarok
- Milyen routert?
- További aktív témák...
- GAMER PC : RYZEN 5 4500 / 16GB DDR4 / ASUS RX 480 8GB / WiFi / Bluetooth / 512GB M.2 SSD / 500GB HDD
- Dell Latitude 7390, 13,3" FHD IPS , I5-7300U CPU, 16GB DDR4, 512GB SSD, WIN 11, ( olvasd végig )
- Acer PREDATOR HELIOS NEO 16 / i9-14900HX / RTX 4070 (140W) / 1 TB SSD / 240HZ
- Topping A70 Pro fejhallgató erősítő
- Topping D70 Pro Octo DAC
- 120 - Lenovo Legion Pro 5 (16ARX8) - AMD Ryzen 7 7745HX, RTX 4070 (48 hónap garancia!)
- Azonnali készpénzes félkonfig / félgép felvásárlás személyesen / csomagküldéssel korrekt áron
- AKCIÓ! Apple Macbook Pro 16" 2019 i9 9980HK 64GB DDR4 1TB SSD Radeon Pro 5500M garanciával
- ÁRGARANCIA! Épített KomPhone Ryzen 7 9700X 32/64GB RAM RX 7800 XT 16GB GAMER PC termékbeszámítással
- AKCIÓ! ASRock H310CM i3 9100F 8GB DDR4 240GB SSD 1TB HDD GTX 1060 3GB AeroCool Strike-X 500W
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: PC Trade Systems Kft.
Város: Szeged