Hirdetés
- Hivatalos a OnePlus 13 startdátuma
- iPhone topik
- Milyen okostelefont vegyek?
- Google Pixel topik
- Külföldi prepaid SIM-ek itthon
- Bemutatkozott a Poco X7 és X7 Pro
- Hat év támogatást csomagolt fém házba a OnePlus Nord 4
- Fotók, videók mobillal
- Xiaomi 15T - reakció nélkül nincs egyensúly
- Garmin Forerunner 965 - csúcs
Ú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]
Új hozzászólás Aktív témák
- Linux kezdőknek
- Autós kamerák
- Assetto Corsa Rally
- Fejhallgató erősítő és DAC topik
- Telekom otthoni szolgáltatások (TV, internet, telefon)
- Kerékpárosok, bringások ide!
- Kormányok / autós szimulátorok topikja
- Mibe tegyem a megtakarításaimat?
- Elemlámpa, zseblámpa
- Nintendo Switch 2
- További aktív témák...
- Új iPhone 15 Pro Max 1év garanciával
- Gainward GeForce RTX 5060TI Ghost 8GB Garanciával!
- Eladó Samsung Galaxy S21 FE 5G 8/256GB
- Új csak kipróbált Ulefone Armor 28 ultra 16/1TB amoled kijelző, 120w töltés ütésálló
- DELL Latitude 5310 13.3" FHD 2in1 Touchscreen laptop I5-10310U 16G/512G Win11 Pro, Üzletből, 27%ÁFÁs
- TELJES KÖRŰ IT BESZERZÉS
- BESZÁMÍTÁS! ASRock B450 R5 5500 16GB DDR4 250GB SSD 1TB HDD GTX 1050Ti 4GB GameMax STORM ADATA 600W
- Számlás!Steam,EA,Epic és egyébb játékok Pc-re vagy XBox!
- Lenovo Legion Pro 5 (16" QHD+ 240Hz, i7-14700HX,RTX 4070 8GB, 32GB RAM,1TB SSD) eladó BeszámítOK
- Microsoft Surface Pro // Surface // Surface laptop 10.gen i5, Ryzen // 12,5 13,5 15 //
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest
Cég: NetGo.hu Kft.
Város: Gödöllő



