- Luck Dragon: Asszociációs játék. :)
- gban: Ingyen kellene, de tegnapra
- Klaus Duran: 2025 dude
- sziku69: Fűzzük össze a szavakat :)
- btz: Internet fejlesztés országosan!
- eBay-es kütyük kis pénzért
- sziku69: Szólánc.
- ubyegon2: Airfryer XL XXL forrólevegős sütő gyakorlati tanácsok, ötletek, receptek
- VoidXs: Tényleg minden játék optimalizálatlan?
- laskr99: Újrakezdem a processzor és videókártya szilícium magok fotózását
Új hozzászólás Aktív témák
-
disy68
aktív tag
Na ez még továbbra is kicsit kaotikus
Azt látom, hogy valami grid irányba indultál, de rengeteg minden van még a css-ben, amire nincs szükség, illetve kissé wtf
pl:
.boxes :nth-of-type(2)
{margin-bottom: 200%;}
.boxes :nth-of-type(3)
{margin-top: 300%;}
Amire érdemes figyelni, hogy a böngészők egyes html elemekre használhatnak alapértelmezett css beállításokat, amik nem várt mellékhatásokkal járhatnak. Az egyik ilyen a html és body elem padding/margin értéke. Ezeket érdemes kapásból 0-ra állítani.
html, body {
margin: 0;
padding: 0;
}
Illetve léteznek összeszedett css-ek, amik minden hasonlót törölnek, de ezek tartalmazhatnak olyat is, ami nem feltétlen szükséges, szóval egyelőre csak említés szintjén jegyezd meg.
Én személy szerint nem foglalkoztam még a grid layout-tal csak flexbox-szal, amire martonx #2500 is linkelt egy remek összefoglalót. Ennek (is) a lényege nagyvonalakban, hogy oszlopokba és sorokba rendezed az oldaladon az elemeket és ezeket aszerint rendezed, növeled/csökkented, ahogy azt szeretnéd és nem kell foglalkoznod százalékokkal border/margin/padding kalkulációkkal.Nálad ez kb így kéne kinézzen (ahogy én csinálnám, pszeudó-akármivel leírva, zárók nélkül):
<body> - flex parent (column)
<header> - flex item
<div> - flex item ( és flex parent (row))
<aside> - flex item /bal menü/
<main> - flex item /content/
<aside> - flex item /jobb infó sáv/
<footer> - flex item
Szóval én a két oldalsó navigáció és infó sávot egy közös szülővel fognám össze a main elemmel. A jsfiddle példában pedig elég a body-n belüli rész a tartalomhoz btw.
Én azt javaslom, hogy dobj ki minden formázást és kezdd el előről felépíteni a fő elemeket és utána a többit. T J #2502 javaslata is működik a calc használatával, de mivel most tanulod a dolgot, lehet jobban jársz, ha valami aktuálisabbal kezded inkább, arról nem beszélve, hogy leegyszerűsíti és átláthatóbbá tudja tenni a css-t, ami sose baj
Új hozzászólás Aktív témák
- AliExpress tapasztalatok
- Luck Dragon: Asszociációs játék. :)
- Debrecen és környéke adok-veszek-beszélgetek
- Milyen RAM-ot vegyek?
- EAFC 25
- Bambu Lab 3D nyomtatók
- Vezetékes FEJhallgatók
- Milyen alaplapot vegyek?
- Interactive Brokers társalgó
- Vékonyabb lett, jobb kamerát kapott, de az akku maradt a régi: itt a Fold7
- További aktív témák...
- iPhone 12 64GB - fehér Garanciális 2026.01.07
- szinte új HP E24m G4 full HD 1920x1080 IPS monitor- rejtett Webkamera - nagy hangszóró - USB-C
- NEC MultiSync EA275WMi 27" képátló/ AH-IPS panel/2560x1440 (WQHD)/ A- kategória nagyon apró hibával!
- új aktiválatlan iPhone 16 128GB black fekete független 1 év Apple garancia
- szinte új iPhone 16 Pro 256GB black titanium fekete titán független Apple 3 év garancia adapter
- BESZÁMÍTÁS! MSI B450M R7 2700X 32GB DDR4 512GB SSD RTX 3050 8GB Rampage SHIVA Thermaltake 500W
- ÁRGARANCIA!Épített KomPhone Ryzen 5 4500 16/32/64GB RAM RX 6600 8GB GAMER PC termékbeszámítással
- Telefon felváráslás!! Xiaomi 13T, Xiaomi 13T Pro, Xiaomi 14T, Xiaomi 14T Pro
- ÁLTALÁNOS IGAZGATÓHELYETTES tábla
- ÁRGARANCIA!Épített KomPhone Ryzen 7 7700X 32/64GB RAM RX 7800 XT 16GB GAMER PC termékbeszámítással
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest