Új hozzászólás Aktív témák
-
czappa
aktív tag
Höhö, ez mekkora lol.
Eszembe jutott a W3C CSS validátora, ezért leellenőríztem, azt írja, hogy:
''3 #bal_menu Invalid number : background-color grey is not a color value : grey''
Kicsréltem cyan-ra és már látszódik ie-ben...
Végülis egy du. + este alatt rájöttem...
mod.: Az más kérdés, hogy a W3C szerint a cyan sem jó szin, de látszódik ie-ben és ez a lényeg.
megj.: Ezek persze csak próba színek az oldal nem így fog kinézni.
[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
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]
Új hozzászólás Aktív témák
- Vékonyabb lett, jobb kamerát kapott, de az akku maradt a régi: itt a Fold7
- Háztartási gépek
- Trollok komolyan
- sziku69: Fűzzük össze a szavakat :)
- Azonnali VGA-s kérdések órája
- Autós topik
- Milyen asztali (teljes vagy fél-) gépet vegyek?
- Hegesztés topic
- Drón topik
- Hálózati / IP kamera
- További aktív témák...
- Gigabyte B450M S2H + Ryzen 5 1400 kisebb-nagyobb hibával
- Nokia 105 4G (2023) charcoal, Nokia 110 4G (2023) midnight blue
- ASRock B550 PG Velocita + Ryzen 5 3600 + 32GB (4x8GB) DDR4 3600Mhz CL18
- Philips 58PUS8505 Smart LED Televízió,146 cm, 4K Ultra HD ,Android, Ambilight, HDR10+ KIJELZŐHIBÁSAN
- Canon EOS 250D kiegészítőkkel, táskával (CSAK 200 expoval !!! )
- AKCIÓ! HP USB C G5 Essential (5TW10AA) dokkoló hibátlan működéssel garanciával
- AKCIÓ! Gigabyte Z370M i5 9400F 16GB DDR4 512GB SSD RX 5700XT 8GB ZALMAN S2 TG Corsair S650W
- AKCIÓ! Dell Latitude 5440 14 FHD üzleti notebook - i5 1335U 8GB RAM 256GB SSD Intel Iris Xe
- BESZÁMÍTÁS! Asus Maximus VIII Hero i7 6700K 16GB DDR4 512GB SSD RX 5700 XT 8GB Zalman i3 NEO 700W
- Samsung Galaxy S24Fe 128Gb Kártyafüggetlen 1Év Garanciával
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest