- Mobil flották
- Apple Watch Ultra - első nekifutás
- Honor 400 - és mégis mozog a kép
- Samsung Galaxy S25 Ultra - titán keret, acélos teljesítmény
- Amazfit T-Rex 3 - prehisztorikus idő
- One mobilszolgáltatások
- Fotók, videók mobillal
- iPhone topik
- Samsung Galaxy A54 - türelemjáték
- Motorola Razr 60 Ultra - ez a kagyló könnyen megfő
Ú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
- LG Ultragear 27GN60R (fekete szín)
- Azta! Dell Latitude 7440 -65% "Kis Gamer" Üzleti Profi Ultrabook 14" i7-1370P 16/512 FHD+ IRIS Xe
- Lenovo Thinkpad X280, 12,5" FHD IPS Touch , I5-8350U CPU, 8GB DDR4, 256GB SSD, W11 ( olvasd végig )
- Lenovo Thinkpad T480, 14" FHD , I5-8350U CPU, 8GB DDR4, 256GB SSD, W11
- Eladó Garanciális Thrustmaster T248 kormány és pedál + TH8S váltó + kamion váltógomb
- Fotó állvány eladó
- Xiaomi Redmi 12 Pro 5G 128GB, Kártyafüggetlen, 1 Év Garanciával
- Bomba ár! Lenovo IdeaPad V110 - i3-6GEN I 4GB I 128GB SSD I 15,6" I HDMI I Cam I W10 I Garancia!
- Bomba ár! Dell Latitude E7240 - i7-4GEN I 16GB I 256SSD I 12,5" HD I HDMI I Cam I W10 I Garancia!
- IBM/Lenovo Thinkpad T60
Állásajánlatok
Cég: PC Trade Systems Kft.
Város: Szeged
Cég: PC Trade Systems Kft.
Város: Szeged