Hirdetés
- Nothing Phone 2a - semmi nem drága
- Ezek a OnePlus 12 és 12R európai árai
- Samsung Galaxy S23 és S23+ - ami belül van, az számít igazán
- Mégsem a Samsung gyártja az iPhone SE paneleket?
- Redmi Note 12 Pro - nem tolták túl
- Idén vége lehet a Pixel 'a' szériának?
- Samsung Galaxy Z Fold5 - toldozás-foldozás
- Samsung Galaxy S22 és S22+ - a kis vagány meg a bátyja
- Százmillió Samsung telepítheti a One UI 6.1-et és a Galaxy AI-t
- Honor Magic5 Pro - kamerák bűvöletében
Új hozzászólás Aktív témák
-
Protezis
őstag
A CSS világszerte használt technológia, melyet weblapokon használnak. Segítségével egyszerűbbé válik az elemek pozícionálása, stílusának megváltoztatása. Immár megoldható, hogy a html kódba csak a tartalmat írjuk, és CSS-sel formázzuk azt.
Azonban van pár dolog, ami nem teljesen úgy működik, ahogy kellene.
Sokszor a különböző böngészők tesznek keresztbe nekünk, mivel egyik így, másik úgy értelmezi a stílusinformációt.
Ebben a topikban szeretném a TI segítségetekkel összegyűjteni ezeket a hibákat, és persze gyógyírt találni rá.
Itt egy jól használható magyar nyelvű CSS leírás: Bővebben: link
---------------------------------------
Rögtön kezdeném is egy (szerintem) hibával:
1. Bővebben: link
2. Bővebben: link
Idéznék a Weblaboron található cikkből:
''A relatív (relative) érték esetén a statikushoz hasonló helyre kerül az elem, de lehetőségünk van a bal és fenti pozíció megadással eltolnunk. A következő elem elhelyezése úgy lesz számítva, mintha ez az elem a helyén maradt volna.''
''Az abszolút (absolute) érték esetén szintén a statikushoz hasonló helyre kerül az elem, szintén lehetőségünk van eltolni, meghatározni az elhelyezkedését, ezen kívül a méreteit is. Itt már a jobb és lenti, illetve a szélesség, magasság megadásokat is használhatjuk, szintén lásd mindjárt. Ez az elem kikerül a megjelenítés folyamából, a következő elem oda kerül, ahova ez került volna.''
A CSS fájlokban keresendő a különbség, méghozzá a #information-nál.
Mint látható, a relative pozicionált esetben a cikkben leírtaknak megfelelően helyezkedik el az i.gif. Ellenben az absolute-nál? Miért a kozep div bal felső sarkához viszonyít, mikor ott van még előtte az infosav div
A hiba mind FF, mind IE alatt észlelhető.
Semmi közöm a Weblaborhoz, és nem tekintem Szent Grálnak, de szerintem elég jól használhatók az ott leírtak.
[Szerkesztve] -
Protezis
őstag
hm... feleslegesen nyitottam? Szóljatok!
-
Protezis
őstag
válasz Forest_roby #4 üzenetére
Tévedsz, van Javascript topik, és használják is az emberek: Bővebben: link
faster: reméltem is -
Protezis
őstag
válasz Forest_roby #7 üzenetére
Akkor a legtöbb topikot felesleges volt már eddig is megnyitni, mert sokan nem ott tették fel az amúgy oda való kérdésüket.
Igen, vannak JS kérdések ott is, de inkább csak azért, mert fogalma sincs a legtöbb embernek arról, hogy a kérdéses dolgot éppenséggel JavaScripttel lehet megoldani, nem elég a HTML hozzá.
Mellesleg nem kifejezetten CSS topikot akarok ebből kihozni, hanem egy olyasmit, hogy szépen mindenki összeállít egy olyan hsz-t, mint az enyém (2. része), és a többiek megpróbálnak használható segítséget nyújtani neki. Ergo CSS bugkeresés.
A bug lehet a böngésző(k)ben, vagy akár maga a CSS nyelvben.
Van még pár hiba a tarsolyomban, csakhát szépen boncolgatni kell őket, hogy tömör, érthető, világos legyen. -
Protezis
őstag
válasz Forest_roby #9 üzenetére
okok
De ha van jobb ötleted a topik címét illetően, hallgatlak -
Protezis
őstag
2. Hiba
IE és Opera alatt van margója a formnak. Firefox alatt nincs.
Hogy azonos eredmény kapjunk, mindenképpen adjuk meg a margin értéket.
margó nélkül: Bővebben: link
margóval: Bővebben: link
Az első kérdésre/hibára várom a választ...
Mod: Ezekre a hibákra munkám során lelek, így remélem elnézitek, hogy nem gyilkolok ki minden felesleges css bejegyzést. Azért remélem könnyen átlátható fájlokat adok.
Mellesleg: Csak én vagyok ON? Nosza fel!
[Szerkesztve] -
Protezis
őstag
1. Hiba megoldása:
Valószínűleg az absolute pozicionált elemek elhelyezkedése az őket tartalmazó divtől függ, attól nem, hogy van -e előttük valami. Lehet ez a szabvány, de számomra nem logikus. Na mindegy. (valaki megerősíthetne/cáfolhatna)
A megoldás itt látható: Bővebben: link
A css fájlban is történt változás!
3. Hiba
Azonban ha egy absolute pozicionált képet rakok egy divbe, amiben a szöveg középre van igazítva, akkor Firefox az igazításról nem vesz tudomást, az IE viszont igen, így a div közepéhez igazítja a képet. Bővebben: link
Ezért is folyamodtam a fenti megoldáshoz. -
Protezis
őstag
Mondd, hogy oldjam meg?
De Elérhetővé teszem az eddigieket zip-be tömörítve: Bővebben: link
Mod: Ja, hogy tegyem bele? Azt nem szeressük
Viszont így zip-ben jó lesz?
[Szerkesztve] -
Protezis
őstag
Őszintén nem találtam magyar fordítást a cascade-ra, én pedig vagyok olyan műveletlen, hogy nem tudom, mi az a kaszkád.
Eddig egyedül egymásba ágyazhatóságról olvastam. De ha öröklést jelent, akkor érthető a dolog.
Bár számomra akkor sem logikus, de tudom... bennem van a hiba. Lásd aláírás -
Protezis
őstag
Azt hiszem van pár e-könyvem, csakhát angol. Azt meg régen tanultam.
Mindenesetre köszi a segítséget.
Gondolom te is találkoztál már CSS megjelenítési problémával. Nem osztasz meg velünk néhányat? (ne csak én írjak már )
faster: Bár mondtam, hogy munkám során találkozok a hibákkal, egy többoldalas honlapnál pedig jobb megoldás css fájl használata, de ok, meggyőztél.
A következőkben a te javaslatod szerint fogom publikálni a hibákat. Visszamenőleg is megcsinálom, amint időm lesz.
[Szerkesztve] -
Protezis
őstag
Találtam egy cikket az IE7 CSS támogatásáról: Bővebben: link
Megkopott, amúgy sem túl jó angol tudásommal azt szűrtem ki belőle, hogy egyelőre úgy néz ki, nem sok jóra számíthatunk. Persze az is olvasható, hogy a Beta 2-ben már jobb lesz a helyzet. -
Protezis
őstag
Egy számomra érdekes dologra bukkantam.
Bővebben: link
Miért van az, hogy a ''The Road to Enlightenment'' szöveget tartalmazó h3 tagnak megadott hátteret nem tölti be az IE, viszont ha hirtelen lehúzom a scrollbart (eltűnik a h3 rész), majd vissza, kis szerencsével látszani fog a kép. Ha nincs szerencsém, akkor csak egy része.
Találkozott már valaki ilyennel? Már újraindítottam a gépet is. Más gépen is ezt csinálja. FF és Opera alatt jó.
De a preamblehatter.jpg-t sem tölti be egyből teljesen.
Valaki gyorsan egy magyarázatot! -
Protezis
őstag
Mostmár működik. #container-nek maradt a relative, de #intro is megkapta.
-
Protezis
őstag
Hogy szokás megoldani azt, hogy nagyjából minden platformon azonosan nézzen ki a szöveg (azonos betűtípus). Van valami varázsmódszer?
-
Protezis
őstag
Arial vagy Times van alapból a linuxban? (valamelyikben)
Nekem is van fent linux (fedora), de mikor láttam, hogy nem túl jók a betűtípusok, átmásoltam az összes fontot a win-ből
Csak mert jó lenne olyan fontokat használni, ami megvan a legtöbb OS-ben, így szinte tökéletesen ugyanúgy nézne ki az oldal mindenhol. (cleartype-ot stb. leszámítva) -
Protezis
őstag
A következő oldalt csinálom: [link]
1. kérdés: A fenti vizszintes menü (Motorostörténetem... stb) IE-ben és Operában 1 pixellel feljebb van. Ez főleg akkor látszódik, amikor az ember felé viszi az egeret. Hogy javíthatom?
2. kérdés: a select elemek IE-ben fehér keretet kapnak, FF-ben és Operában pedig úgy van, ahogy én akarom. Megoldás? (Lehet, hogy a téma amit használok XP-n, az kavar be. Valami böngészőfüggetlen egységes kinézet kellene nekem.) -
Protezis
őstag
Valaki?
-
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.
-
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. -
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 -
Protezis
őstag
Erdekes problemaba utkoztem.
#banner {
background: url(kepek/topbanner.gif) no-repeat;
height: 109px;
width: 780px;
}
Ez egy korabban altalam keszitett honlaprol van, firefox 1.5 alatt fejlesztettem (meg persze ie, opera). Ma raneztem firefox 2.0-val, es erdekes modon a topbanner.gif-et nem tolti be (ie7 alatt jo). Par perc probalkozas utan rajottem, hogy nem a keppel van a baj, hanem a kepfajl nevevel. Ugyanis ha benne van a banner szo (ami a div id-je ugyebar), akkor firebug invalid url-t ir, es kedvenc rokank nem tolti be a kepet. Ha nincs benne, vagy akar nemletezo url-t adok meg, akkor rendesen kiirja az url cimet, es letezo kep eseten betolti.
Na ez most igy hogy?
Új hozzászólás Aktív témák
- Projektor topic
- YouTube
- ThinkPad (NEM IdeaPad)
- ubyegon2: Airfryer XL XXL forrólevegős sütő gyakorlati tanácsok, ötletek, receptek
- Nothing Phone 2a - semmi nem drága
- A mágusmester 1. rész
- Friss adatok érkeztek a Lunar Lake-MX-ről
- Samsung The Serif: leteszteltük a matt kijelzős QLED tévét
- Milyen HASZNÁLT notebookot vegyek?
- Dragon's Dogma 2
- További aktív témák...
- LG UltraWide 38WN95C-W Monitor 1 év Garancia
- iMac 2017 27" Retina 5K CTO / i7 4.2 GHz / 40 GB DDR4 / 1 TB SSD + doboz
- iMac 2017 27" Retina 5K CTO / i5 3.8 GHz / 40 GB DDR4 / 1 TB SSD / Radeon Pro 580 8 GB + doboz
- iMac 2017 27" Retina 5K CTO / i7 4.2 GHz / 40 GB DDR4 / 500 GB SSD / Radeon Pro 575 4 GB + doboz
- MacBook Pro 14 M3 Pro, Space Black, 18 GB RAM, 512 GB SSD Bontatlan