- Samsung Galaxy S23 Ultra - non plus ultra
- Európa exkluzív Edge 60 Fusion színe a Mocha Mousse
- Milyen okostelefont vegyek?
- Telekom mobilszolgáltatások
- Fenntartható, tartós kiegészítőket mutatott be a Fairphone
- iPhone 17 képernyővédő üvegek mutatják meg a méretkülönbségeket
- iPhone topik
- Samsung Galaxy S25 Ultra - titán keret, acélos teljesítmény
- Samsung Galaxy S21 és S21+ - húszra akartak lapot húzni
- Samsung Galaxy Watch7 - kötelező kör
Hirdetés
Új hozzászólás Aktív témák
-
#338
RedAnt
aktív tag
Louloudaki
#337
RedAnt
aktív tag
válasz
Louloudaki
#337
üzenetére
ha jól emlékszem a line-height levételével (pl 1px) lehet megoldani ezt a problémát.
-
RedAnt
aktív tag
Neten sok megoldást találni erre a problémára, a legegyszerűbb szerintem ha nem a magasságot növeled, hanem a három oszlopot beteszed egy divbe, és ennek adsz egy olyan hátteret ami egy 1px magas kép függőlegesen ismételve. Ha megnézed itt a PH! fórumon is ez van [link], nem az oszlopoknak van hátterük, azok átlátszóak, hanem az egész mögé van téve ez a csík, és ettől úgy néz ki mintha ugyanolyan magasak lennének az oszlopok. néha érdemes ezt megjátszani, hogy meglévő oldalaknál megnézed, hogy csinálták, sokat lehet tőlük tanulni. Firebug kiterjesztés jól jöhet ehhez.
-
RedAnt
aktív tag
Helyes
nem mindig egyszerűbb, pláne ha dinamikus szélsségű oldalakat csinálsz, bár általában azok is megoldhatóak css-sel. Viszont egyrészt az lapok sokkal jobban kezelhetők pl. látássérültek (igen, vannak, neteznek) vagy keresőmotorok számára, a kód általában jóval kisebb és áttekinthetőbb lesz (td, tr-ek tömkelege megszűnik), és megoldhatóak olyan dolgok, amiket táblázatokkal nem mindig lehet, pl. pont az abszolút pozícionálással gyakorlatilag oda teszed a tartalmakat, ahova akarod.
[Szerkesztve] -
RedAnt
aktív tag
-
RedAnt
aktív tag
A text-align csak blokk-szintű elemekkel működik, a span nem ilyen, illetve azzá tehető egy display:block; tulajdonsággal.
Valamint, bár ez lehet hogy triviális, de azért mondom, hogy amit csinálni akarsz, az nem a span-t fogja jobbra tenni az őt körülvevő elemekben, hanem a spanon belüli szöveget. -
RedAnt
aktív tag
értelmezte, csak nem úgy ahogy vártad. Az volt a baj hogy -1-et adtál a képeknek, amit a firefox úgy értelmezett, hogy betette őket az egész háttér és minden mögé, ezért egyáltalán nem jelentek meg.
Ha megnézed a linkemet, látod a megoldást: ne a képeknek adj -1-et, hanem amit eléjük akarsz rakni, azoknak +1-et, így helyesen fog működni. -
RedAnt
aktív tag
1. Paddingot nem tudom mi okozza, látni kéne a htmlt mert ennyi alapján nem kéne lennie. Próbáld ki, akkor is van e ha az innerben csak egyszerű szöveg van.
2a. Adjál float: left tulajdonságot a container és a content classeknek is. btw, erre a célra inkább id-k használatát javasolnám class-ek helyett
2b. Ezt nem a menü magasságának állításával fogod tudni elérni, hanem a hátterekkel kell ügyeskedni. Pl. a containernek megadsz egy ilyesféle hátteret:
background: #d6f0f0 url('teal.png') repat-y top left;
ez betesz az egész conatiner mögé egy függőlegesen isméllődő teal.png képet, ahol a kép egy 180x1 pixeles zöld vagy milyen mező, a többi helyen meg az inner háttérszíne lesz.
Vagy ha tudod hogy melyik mező lesz mindig magasabb, akkor a másik háttérszínét megadod a containernek, így az üres helyeken az jelenik meg, tehát a rövidebb blokk alatt.
+ Az overflow: auto szvsz nem kell oda, hacsak nem görgethető mezőt akarsz, de mivel nem kötöd ki a méreteit, úgyis ''továbbnől'' ha kell.
A bottom résznél meg egy clear: both részt hiányolok még hogy az egész alá kerüljön, ne floatoljon.
[Szerkesztve] -
RedAnt
aktív tag
Nem jöttem rá teljesen mit szeretnél, én nem látok ezzel a kóddal paddinget IE-ben, esetleg linkelhetnéd hogy eredetiben megnézhessem.
De eleve nem túl jók a css-es megoldásaid a pozícionálásra, ezt a feladatot én nem abszolút pozícionálással és margin-left-ekkel oldanám meg, hanem úsztatással.
A dolognak az a lényege hogy alapból a blokkok egymás alá kerülnek, úsztatással viszont megoldható hogy egymás mellett legyenek, vagy pl. egy blokk kerüljön jobb szélre, és a másik ''follya körül''.
Ja és célszerű megadni hogy a diveknek általánosságban ne legyenek szélei:
div { margin: 0; padding: 0; border: none; }
így nem kell mindegyikhez külön kiírni ezeket, persze ha konkrét diveknél más értéket szeretnél, felüldefiniálhatod őket.
Az úsztatáshoz pedig adj a menu osztályhoz egy float: left-et, így balról körül fogja folyni a többi rész, és nem kell pozícionálgatni és margózni.
De tényleg jobb lenne ha linkelnéd az oldalt és elmondanád pontosan mit szeretnél hogy máshogy legyen, úgy pontosabban meg tudnám mondani, miken szükséges módosítani.
[Szerkesztve] -
RedAnt
aktív tag
na ez már szimpatikusabb kérdés mint a html-es topikban
a képek margójánál nem értem mi az a blue, szerintem egyszerűen állítsd őket nullára. A képnek nem kell font-size.
A képeket tartalmazó divnek állíts be megfelelő font-size és line-height paramétereket.
Pl. div{
font-size: 14px;
line-height: 10px;
}
Viszonyítási alap a css-t tartalmazó könyvtár.
Új hozzászólás Aktív témák
Hirdetés
- Azonnali informatikai kérdések órája
- OTP Bank topic
- Apple MacBook
- Azonnali fotós kérdések órája
- Először égett le egy újságnál a GeForce RTX 5090
- Samsung Galaxy S23 Ultra - non plus ultra
- Európa exkluzív Edge 60 Fusion színe a Mocha Mousse
- Mikrotik routerek
- WoW avagy World of Warcraft -=MMORPG=-
- Milyen okostelefont vegyek?
- További aktív témák...
- HIBÁTLAN iPhone 13 Pro 256GB Sierra Blue -1 ÉV GARANCIA - Kártyafüggetlen, MS3022
- Eladó ÚJ BONTATLAN Honor Magic6 Lite 8/256GB / fekete / 24 hó jótállással
- BESZÁMÍTÁS! Asus A620M R5 7500F 32GB DDR5 512GB SSD RTX 2080 Ti 11GB Zalman M4 FSP 700W
- LG 27GP850P-B - 27" NANO IPS - 2560x1440 - 180Hz 1ms - NVIDIA G-Sync - AMD FreeSync - HDR 400
- REFURBISHED - HP USB-C Dock G4 docking station (L13899-001)
Állásajánlatok
Cég: FOTC
Város: Budapest