- Milyen okostelefont vegyek?
- MWC 2024: Titkok, HMD, Barbie
- Samsung Galaxy S21 FE 5G - utóirat
- Android alkalmazások - szoftver kibeszélő topik
- DIGI Mobil
- iPhone topik
- Samsung Galaxy S23 és S23+ - ami belül van, az számít igazán
- Fotók, videók mobillal
- Poco X6 Pro - ötös alá
- Itt az első kép a 2024-es Nokia 3210-ről
Hirdetés
-
Samsung Univerzum: Így ismerhető meg a Galaxy AI bármilyen telefonon
ma A Try Galaxy webalkalmazás kontrollált környezetben mutatja meg, mit tud a One UI 6.1-es rendszer és a mesterséges intelligencia.
-
Konzolokra is megjelenik a Fera: The Sundered Tribe
gp A kooperatív szörnyvadászós játékhoz a minap egy friss trailert kaptunk.
-
Kicsit extrémre sikerült a Hyte belépője a készre szerelt vízhűtések világába
ph A cég megoldása centralizált vezérelhetőséggel, masszív radiátorral és robusztus ventilátorokkal igyekszik vásárlásra csábítani.
Ú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
- Suzuki topik
- Autós topik látogatók beszélgetős, offolós topikja
- EA Sports WRC '23
- Luck Dragon: Asszociációs játék. :)
- AMD Navi Radeon™ RX 6xxx sorozat
- Vodafone otthoni szolgáltatások (TV, internet, telefon)
- PlayStation 5
- Spórolós topik
- Multimédiás / PC-s hangfalszettek (2.0, 2.1, 5.1)
- Microsoft Office és Office 365 topic
- További aktív témák...