Új hozzászólás Aktív témák
-
Protezis
őstag
hupp.
-
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.
-
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!Big and small in one time...
-
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 -
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
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 -
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
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 -
hz hefti
tag
az lenne a kerdesem, h van 1 div -em, aminek van egy hatterszine az ezt befoglalo divbol, es azt szeretnem, ha az egeret foleviszem akkor megvaltozzon a belso div hatterszine.
remelem ertheto volt
amugy ide szeretnem: [link]lowfast
-
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. -
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] -
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 -
Tyrael
senior tag
fress
latom mindenki a html-es topicot hasznalja a css-es diskurzusokra
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
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 -
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] -
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] -
supi0070
tag
szevasztok.
légyszíves minősítsétek ezt az oldalt: [link] hogy elmerjem-e küldeni a zengardenbe vagy inkább hallgassak és figyeljem még hogy csinálják a nagyok.
keményen, ne kíméljetek, kiváncsi vagyok mindenre és nem fogok megsértődniTe látsz dolgokat, és azt kérdezed: miért?De én olyan dolgokat álmodok, amik soha nem voltak és azt kérdezem : miért ne?''(George Bernard Shaw)
-
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.'' -
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 -
Tyrael
senior tag
-
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 tanulniTe látsz dolgokat, és azt kérdezed: miért?De én olyan dolgokat álmodok, amik soha nem voltak és azt kérdezem : miért ne?''(George Bernard Shaw)
-
supi0070
tag
valahol már láttam egszer hogy ajánlott vki menükkel fogllkozó oldalt. valakinek nem rémlik hogy melyik lap foglalkozik menükkel ??
Te látsz dolgokat, és azt kérdezed: miért?De én olyan dolgokat álmodok, amik soha nem voltak és azt kérdezem : miért ne?''(George Bernard Shaw)
-
skera
tag
válasz supi0070 #137 üzenetére
Jó ez! Bár nem tudom, hogy ez magyar oldal-e? Ezt az idézet miatt kérdezem
Másik dolog pedig az, hogy nekem firefox alatt kinyújtva jelenik meg. Ezalatt azt értem, hogy sok a bal oldali térköz, így görgetni kell az oldalt. Amúgy grafikailag (színek, stb.) ott van.import szte.ttk.ptm.*;
-
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.
import szte.ttk.ptm.*;
-
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..
-
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 -
supi0070
tag
köszönöm.
igyekszem kijavítani a hibákat.
IE alatt nekem is sok vele a gondom, de nem tudok néhány hibára rájönni.
''sok kell tanulnom mami''Te látsz dolgokat, és azt kérdezed: miért?De én olyan dolgokat álmodok, amik soha nem voltak és azt kérdezem : miért ne?''(George Bernard Shaw)