- Holnap mutatkozik be a HTC új készüléke
- Samsung Galaxy A54 - türelemjáték
- Bemutatkozott a Xiaomi Civi 4 Pro
- Okosóra és okoskiegészítő topik
- iPhone topik
- Elnéztük a mai dátumot
- Telekom mobilszolgáltatások
- Az Apple is mesterséges intelligenciával turbózza fel a teljes kínálatot
- Motorola Edge 40 - jó bőr
- Samsung Galaxy A55 - új év, régi stratégia
Hirdetés
-
Honor 200 Lite - nem százas a kétszázas
ma A jóval drágább és többet tudó testvérek farvizén próbál a Honor 200 Lite vásárlókat behúzni, a független piacon most sem versenyképes.
-
Már PlayStation 5-ön is játszható a V Rising
gp A PC-s teljes kiadás után már konzolokon is játszhatunk a programmal, amelyhez egy rövid launch trailert mellékeltek a fejlesztők.
-
Letartóztatták, mert AI segítségével csalt az egyetemi vizsgán
it A török hatóságok letartóztattak egy diákot, amiért egy egyetem felvételi vizsgáján AI segítségével válaszolt a kérdésekre.
Új hozzászólás Aktív témák
-
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;
}╚╦╦╦
-
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
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
é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
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
Középre igazításhoz gondolom egy 990px széles konténer divbe beletetted őket, és azt igazítottad középre. Ha ennek adsz egy position:relative értéket, akkor ami benne van, tudod abszolút pozícionálni. De float-tal is megoldható hogy egymás mellé kerüljenek a dobozok.
╚╦╦╦
-
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
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
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.
╚╦╦╦
Új hozzászólás Aktív témák
- Samsung Galaxy A32 128GB, Kártyafüggetlen, 1 Év Garanciával
- Samsung Galaxy A70 128GB, Kártyafüggetlen, 1 Év Garanciával
- EliteBook 850 G8 15.6" FHD IPS i5-1135G7 16GB 512GB NVMe ujjlolv., gar
- Apple iPhone 14 128GB, Kártyafüggetlen, 1 Év Garanciával
- Apple iPhone 14 128GB, Kártyafüggetlen, 1 Év Garanciával
- Gyári laptop töltők eladók (HP, Dell, Fujitsu Siemens)
- Eladó Logitech Z333 2.1 hangfal szett
- Apple iPhone 13 Pro Max 256GB Silver szép állapot, gyári független, 3 hó gar
- BH Fitness Atlantic Dual elliptikus tréner és Casada movello szobakerékpár
- Eladó használt, fehér Playstation 5 kontroller - PS 5 Kontroller
Állásajánlatok
Cég: Ozeki Kft.
Város: Debrecen