Új hozzászólás Aktív témák
-
Protezis
őstag
A következő oldalt csinálom: [link]
1. kérdés: A fenti vizszintes menü (Motorostörténetem... stb) IE-ben és Operában 1 pixellel feljebb van. Ez főleg akkor látszódik, amikor az ember felé viszi az egeret. Hogy javíthatom?
2. kérdés: a select elemek IE-ben fehér keretet kapnak, FF-ben és Operában pedig úgy van, ahogy én akarom. Megoldás?
(Lehet, hogy a téma amit használok XP-n, az kavar be. Valami böngészőfüggetlen egységes kinézet kellene nekem.) -
PGee
tag
Na, megint én...
Létetik, hogy az a sz@r Internet Explorer nem ismeri a fixed positiont? Nekem nagyon úgy tünik... A gond az, hogy a firefox-ban jól néz ki, az ie-ben hányadék, ami meg ott is kinéz valahogy, de a tökéletestől messze van, az meg firefoxban sem az igazi... Nagy dilemma... -
PGee
tag
Hi!
Egy hasonló megjeneésre lenne szükségem, mint az előbbiekben, de most a block nem jó, ugyanis a block-ként megelenítette elem előtt és után sortörés van. Nos, nekem úgy kéne, hogy a szélességet ismét lehessen állítani, viszont, ne egymás alatt, hanem egymás után, egy sorban legyenek az elemek.
Előre is köszi! -
faster
nagyúr
<!DOCTYPE HTML PUBLIC ''-//W3C//DTD HTML 4.01 Transitional//EN''>
<html>
<head>
<title>Untitled</title>
<style>.menu a:hover {background-color: #000000; color: #FFFFFF;}</style>
</head>
<body style=''background-color: yellow''>
<div class=''menu''>
<p>
<a href=''reg.php''>Regisztráció</a>
</p>
</div>
</body>
</html>
Ennek a kódrésznek a hatására nekem a link háttere fekete lesz, a szöveg színe pedig fehér, ha az egérmutatót föléviszem.
Ha a linket szét akarod húzni, akkor próbáld így, szerintem a <p> nem kell:<!DOCTYPE HTML PUBLIC ''-//W3C//DTD HTML 4.01 Transitional//EN''>
<html>
<head>
<title>Untitled</title>
<style>
.menu a {
display: block;
width: 200px;
}
.menu a:hover {
background-color: #000000; color: #FFFFFF;
}
</style>
</head>
<body style=''background-color: yellow''>
<div class=''menu''>
<a href=''reg.php''>Regisztráció</a>
</div>
</body>
</html> -
PGee
tag
Sziasztok!
Van egy linkem:<div class=menu>
<p>
<a href=''reg.php'' target=''_self''>Regisztráció</a>
</p>
</div>
Valamint a linkekhez egy külsö css fájlban:
<pre>.menu a:hover {background: #000000; color: #FFFFFF;}</pre><p>
Nos, a háttér valóban fekete lesz, de szeretném, ha az egész sor háttere fekete lenne (egy 150 széles dobozban van a link), ezt hogyan lehet megoldani?</p></p>
Szerk: ez sem az én napom
[Szerkesztve] -
GDA
csendes tag
hála az égnek
elkerülte a figyelmemet.
akkor most érdemes körülnézni az IE 3px hack környékén. ne mbiztos,h ez a gond, de meg lehet próbálni.
egyébként meg egy kép beillesztése miatt nem kell php-t használni és méretet sem kell megadni. ha jó a css, akkor működni fog anélkül is.
[Szerkesztve] -
-
-
GDA
csendes tag
válasz
Gregorius
#80
üzenetére
segíts magadon, Isten is megsegít!
Keress rá a google-ben,h css float, css float hack, stb. és már meg is kapod a megoldást. ennyi.
Röviden a lényeg: ha a blokk-elemeket floatoljuk, pl bal_oszlop-float: left és jobb_oszlop: float: left, (2 oszlop-design), akkor a két div után be kell tenni egy harmadikat, ami ''lezárja'' a floatot. annak pedig clear: both tulajdonságot adsz. így már nem lóg ki a képed a dobozból.
[Szerkesztve] -
faster
nagyúr
válasz
Gregorius
#80
üzenetére
Ez az, amit nem tudok megtenni, mert változó méretű a kép is.
Van lehetőség PHP használatára?
Ápdét: ha még ráírom az első variációban a tartalmazó div stílusára, hogy ''display: inline-block'', akkor jó, de ez tudtommal nem szabványos stíluselem. Ezt az alt. böngészők is támogatják?
Tartok tőle, hogy ezt pont, hogy csak az alterok ismerik, az IE nem, de sajnos most nincs időm utánanézni.
[Szerkesztve] -
Gregorius
őstag
Ez az, amit nem tudok megtenni, mert változó méretű a kép is. Úgy néz ki a dolog, hogy több ilyen bejegyzés lesz egymás után, mindegyik egy-egy aktuális hír és valamelyikhez lesz kép, valamelyikhez nem.
A tanácsot azért köszönöm, valóban működik. (elég csak a width is)
[Szerkesztve] -
Gregorius
őstag
Itt a következő kettő:
[link]
[link]
Szóval. Van egy div. Van benne szöveg, ami mellett egy ''float: right''-os kép.
Az első eset szép meg jó lenne, de ha a szöveg nem ér el a kép aljáig, akkor a kép ''lecsúszik'' a div-ről (ld. 1. link).
Ennek orvoslására teszek még egy paragrafust a kép alá ''clear: both''-tal, ekkor már belül van a kép, viszont a bal margót teljesen figyelmen kívül hagyja az IE!
Mi a megoldás, hogy egyszerre legyen margó és belül legyen a kép?
Ápdét: ha még ráírom az első variációban a tartalmazó div stílusára, hogy ''display: inline-block'', akkor jó, de ez tudtommal nem szabványos stíluselem. Ezt az alt. böngészők is támogatják?
[Szerkesztve] -
Gregorius
őstag
Hali!
Van itt egy primitív oldalam: [link]
ami nagyjából négy div-ből áll, ebből az első foglalja magában a másik hármat. Háttér színezve, hogy jobban látszódjon, melyik hol van.
Azt a problémát kellene megoldanom, hogy a két szélső zöld div alja szintben legyen a középső kékkel. Lehetőleg úgy kellene a dolog, hogy a body-ban lévő elrendezés megmaradjon, vagy ne kelljen gyökerestől felforgatni.
Másként fogalmazva: a PH! fórum két oldalsó hasábján a csíkok mitől ''érnek le'' az oldal aljáig?
-
Protezis
őstag
Arial vagy Times van alapból a linuxban? (valamelyikben)
Nekem is van fent linux (fedora), de mikor láttam, hogy nem túl jók a betűtípusok, átmásoltam az összes fontot a win-ből
Csak mert jó lenne olyan fontokat használni, ami megvan a legtöbb OS-ben, így szinte tökéletesen ugyanúgy nézne ki az oldal mindenhol. (cleartype-ot stb. leszámítva) -
faster
nagyúr
A Verdana a Microsofté, de pl. az Arial eléggé elterjedt, ahogy a Times is. A monospace típusok pedig akkor jók, ha a fix szélesség valami okból szükséges, pl. programsorokat akarsz megjeleníteni, egyébként a szemnek nem olyan kellemes, mint mondjuk egy Garamond vagy akár a Times.
[Szerkesztve] -
Rici
tag
Az egyik módszer az, hogy a betűtípus helyett általános nevet adsz meg, amik ''elvileg'' minden platformon egy bizonyos jellegű betűtípust kéne, hogy takarjanak. A főbb általános nevek:
serif: Talpas betűtípus (pl. Times New Roman)
sans-serif: Talp nélküli betűtípus (pl. Arial)
monospace: azonos karakterszélességű font (pl. Courier New)
Még vannak módszerek, hogy tetszőleges betűtípus letöltésére és megjelenítésére beszéld rá a böngészőt, de ez eléggé platformspecifikus, van egy módszer amit az IE támogat, meg van egy, amit a leáldozott dicsőségű Netscape támogatott. Ilyet használva épp a platformfüggetlenséget vesztenéd el.
Úgyhogy marad a serif vagy a sans-serif. Ezek szerintem meglepően jól használhatók, arra amúgy sem szabad számítani, hogy pixelre ugyanolyan méretű lesz a megjelenő font, mert pl. csak Windows alatt, ha a ClearType betűsimítást bekapcsolod, máris megváltozhat a fontok szélessége. -
-
PrinczA
őstag
Egy ilyen leirast nem tud vki magyarul: http://css.somepeople.net/css2ref/Output/ Bővebben: link ?
-
PrinczA
őstag
A benner alol hogyan tudom eltuntetni a felvillano feher csikot?
IE-ben miert ismetli meg az utolso karaktert a tartalombol?
Bővebben: link -
Protezis
őstag
Egy számomra érdekes dologra bukkantam.
Bővebben: link
Miért van az, hogy a ''The Road to Enlightenment'' szöveget tartalmazó h3 tagnak megadott hátteret nem tölti be az IE, viszont ha hirtelen lehúzom a scrollbart (eltűnik a h3 rész), majd vissza, kis szerencsével látszani fog a kép. Ha nincs szerencsém, akkor csak egy része.
Találkozott már valaki ilyennel? Már újraindítottam a gépet is. Más gépen is ezt csinálja. FF és Opera alatt jó.
De a preamblehatter.jpg-t sem tölti be egyből teljesen.
Valaki gyorsan egy magyarázatot!
-
GDA
csendes tag
pofonegyszerű:
<div id=''container''>
<div id=''head''>bla bla</div>
<div id=''nav''>bla bla</div>
<div id=''content''>bla bla</div>
<div id=''footer''>bla bla</div>
</div>
így helyezd el a tartalmat.
#container {
width: 400px;
}
#head {
width: 400px;
}
#nav {
width: 100px;
float: left;
}
#content {
width: 300px;
float: left;
}
#footer {
clear: both;
}
[Szerkesztve] -
PrinczA
őstag
nagyon kezdo vagyok meg ebben a css-ban.
Hogyan tudok egy ilyen oldalt csinalni (tartalom megvan, csak az elrendezessel van gondom:
t e t e j e
-----------------
m | tartalom
e | tartalom
n | tartalom
u | tartalom
----------------
alja
addig elertem, hogy :
t e t e j e
-----------------
m
e
n
u
----------------
| tartalom alja
| tartalom
| tartalom
| tartalom -
GDA
csendes tag
http://www.csszengarden.com/ a tartalom ugyanaz, a stílusklapok cserélgetésével áll elő a több istílus, nézzetek körül, van egy pár
http://www.alistapart.com/
http://www.cssbeauty.com/
http://cssvault.com/
http://www.stylegala.com/
ezek alapok.
ennek a szellemében:
http://www.456bereastreet.com/lab/developing_with_web_standards/ -
PrinczA
őstag
Egy jó kis CSS oldal, leirasok, peldak, ... :
1. http://www.hszk.bme.hu/~hj130/ Bővebben: link
2. http://css.lap.hu/ Bővebben: link
3. ha tud meg vki akkor irja meg
[Szerkesztve] -
GDA
csendes tag
akkor most majd 2 topikot kell néznie annak, akit érdekel a téma
Szerintem ez az egy bőven elég.
Egyébknét is a többi hasonló topikokban egy idő után megjelennek azok az egyének, akik láttak már egy frontpédzset, aztán osztják az észt ezerrel.
Ha valakit érdekel valami ,akkor ide is tud írni. -
Protezis
őstag
Találtam egy cikket az IE7 CSS támogatásáról: Bővebben: link
Megkopott, amúgy sem túl jó angol tudásommal azt szűrtem ki belőle, hogy egyelőre úgy néz ki, nem sok jóra számíthatunk. Persze az is olvasható, hogy a Beta 2-ben már jobb lesz a helyzet. -
faster
nagyúr
Bár mondtam, hogy munkám során találkozok a hibákkal, egy többoldalas honlapnál pedig jobb megoldás css fájl használata, de ok, meggyőztél.
Egy fenéket, nagy honlapnál használd csak a szeparált CSS fájlt, csak az itteni példáidnál egyszerűbb megnézni a forrást egy ctrl-U-val Firefox alatt, és egyből látni az egészet, ha a html-ben a style def. is benne van. -
GDA
csendes tag
igen, én is találkoztam már szarságokkal, pl padding problémák, amik az IE hibás box modellje miatt van, stb aztán van,h a böngésző renderelési módjától függően egy xhtml 1.0 transitional-nál szarul jelenik meg, strict-ben viszont jól, de csak ie-nél, vagy fordítva, stb stb.
ki kell alakítani azt a pár megbízhatóan működő template-et, amire a későbbi munkádban építhetsz. -
Protezis
őstag
Azt hiszem van pár e-könyvem, csakhát angol. Azt meg régen tanultam.
Mindenesetre köszi a segítséget.
Gondolom te is találkoztál már CSS megjelenítési problémával. Nem osztasz meg velünk néhányat?
(ne csak én írjak már 
)
faster: Bár mondtam, hogy munkám során találkozok a hibákkal, egy többoldalas honlapnál pedig jobb megoldás css fájl használata, de ok, meggyőztél.
A következőkben a te javaslatod szerint fogom publikálni a hibákat. Visszamenőleg is megcsinálom, amint időm lesz.
[Szerkesztve] -
GDA
csendes tag
mindegy
olvass el egy css dokumentációt és érteni fogsz mindent. vagy keress rá a neten ''css hacks''-re, rengeteg jobbnál jobb leírást találsz. Lényegében minden infó elérhető a neten.
Esetleg szerezz be 1-2 külföldi könyvet, nekem megvan pl a CSS Cookbook az O'Reilly-től.
ha már megtörtént, akkor ezer bocs -
Protezis
őstag
Őszintén nem találtam magyar fordítást a cascade-ra, én pedig vagyok olyan műveletlen, hogy nem tudom, mi az a kaszkád.
Eddig egyedül egymásba ágyazhatóságról olvastam. De ha öröklést jelent, akkor érthető a dolog.
Bár számomra akkor sem logikus, de tudom... bennem van a hiba. Lásd aláírás -
GDA
csendes tag
tehát a pozícionálás:
adott egy div (container), benne egy másik (content). A container-t relative-ra állítod, a conten-et pedig absolute-ra. Így a centent-et pixelre pontosan beállíthatod, a container-en belül. Tehát mindig a container-hez képest lesz abszolút helyen. Pofonegyszerű. -
Protezis
őstag
1. Hiba megoldása:
Valószínűleg az absolute pozicionált elemek elhelyezkedése az őket tartalmazó divtől függ, attól nem, hogy van -e előttük valami. Lehet ez a szabvány, de számomra nem logikus. Na mindegy. (valaki megerősíthetne/cáfolhatna)
A megoldás itt látható: Bővebben: link
A css fájlban is történt változás!
3. Hiba
Azonban ha egy absolute pozicionált képet rakok egy divbe, amiben a szöveg középre van igazítva, akkor Firefox az igazításról nem vesz tudomást, az IE viszont igen, így a div közepéhez igazítja a képet. Bővebben: link
Ezért is folyamodtam a fenti megoldáshoz. -
Protezis
őstag
2. Hiba
IE és Opera alatt van margója a formnak. Firefox alatt nincs.
Hogy azonos eredmény kapjunk, mindenképpen adjuk meg a margin értéket.
margó nélkül: Bővebben: link
margóval: Bővebben: link
Az első kérdésre/hibára várom a választ...
Mod: Ezekre a hibákra munkám során lelek, így remélem elnézitek, hogy nem gyilkolok ki minden felesleges css bejegyzést. Azért remélem könnyen átlátható fájlokat adok.
Mellesleg: Csak én vagyok ON? Nosza fel!
[Szerkesztve] -
#12
Protezis
őstag
Forest_roby
#9
Protezis
őstag
válasz
Forest_roby
#9
üzenetére
okok
De ha van jobb ötleted a topik címét illetően, hallgatlak -
#8
Protezis
őstag
Forest_roby
#7
Protezis
őstag
válasz
Forest_roby
#7
üzenetére
Akkor a legtöbb topikot felesleges volt már eddig is megnyitni, mert sokan nem ott tették fel az amúgy oda való kérdésüket.
Igen, vannak JS kérdések ott is, de inkább csak azért, mert fogalma sincs a legtöbb embernek arról, hogy a kérdéses dolgot éppenséggel JavaScripttel lehet megoldani, nem elég a HTML hozzá.
Mellesleg nem kifejezetten CSS topikot akarok ebből kihozni, hanem egy olyasmit, hogy szépen mindenki összeállít egy olyan hsz-t, mint az enyém (2. része), és a többiek megpróbálnak használható segítséget nyújtani neki. Ergo CSS bugkeresés.
A bug lehet a böngésző(k)ben, vagy akár maga a CSS nyelvben.
Van még pár hiba a tarsolyomban, csakhát szépen boncolgatni kell őket, hogy tömör, érthető, világos legyen. -
#7
Forest_roby
őstag
Protezis
#5
Forest_roby
őstag
tudom, hogy van, de akarod hogy belinkeljek ide egykét js-es kérdést a html-es topicból?
Van választék bőven.
ui.:
''A JS-es kérdéseket is főleg a html-es topic-ban teszik fel, úgyhogy''
Ezt úgy értettem, hogy vszínűleg a css -es kérdéseket is a html -es topicban fogják feltenni, mert az emberek lusták keresni, vagy nem is tudják, hogy az a kérdés css-es!!!
[Szerkesztve] -
#5
Protezis
őstag
Forest_roby
#4
Protezis
őstag
válasz
Forest_roby
#4
üzenetére
Tévedsz, van Javascript topik, és használják is az emberek: Bővebben: link
faster: reméltem is -
Protezis
őstag
A CSS világszerte használt technológia, melyet weblapokon használnak. Segítségével egyszerűbbé válik az elemek pozícionálása, stílusának megváltoztatása. Immár megoldható, hogy a html kódba csak a tartalmat írjuk, és CSS-sel formázzuk azt.
Azonban van pár dolog, ami nem teljesen úgy működik, ahogy kellene.
Sokszor a különböző böngészők tesznek keresztbe nekünk, mivel egyik így, másik úgy értelmezi a stílusinformációt.
Ebben a topikban szeretném a TI segítségetekkel összegyűjteni ezeket a hibákat, és persze gyógyírt találni rá.
Itt egy jól használható magyar nyelvű CSS leírás: Bővebben: link
---------------------------------------
Rögtön kezdeném is egy (szerintem) hibával:
1. Bővebben: link
2. Bővebben: link
Idéznék a Weblaboron található cikkből:
''A relatív (relative) érték esetén a statikushoz hasonló helyre kerül az elem, de lehetőségünk van a bal és fenti pozíció megadással eltolnunk. A következő elem elhelyezése úgy lesz számítva, mintha ez az elem a helyén maradt volna.''
''Az abszolút (absolute) érték esetén szintén a statikushoz hasonló helyre kerül az elem, szintén lehetőségünk van eltolni, meghatározni az elhelyezkedését, ezen kívül a méreteit is. Itt már a jobb és lenti, illetve a szélesség, magasság megadásokat is használhatjuk, szintén lásd mindjárt. Ez az elem kikerül a megjelenítés folyamából, a következő elem oda kerül, ahova ez került volna.''
A CSS fájlokban keresendő a különbség, méghozzá a #information-nál.
Mint látható, a relative pozicionált esetben a cikkben leírtaknak megfelelően helyezkedik el az i.gif. Ellenben az absolute-nál? Miért a kozep div bal felső sarkához viszonyít, mikor ott van még előtte az infosav div
A hiba mind FF, mind IE alatt észlelhető.
Semmi közöm a Weblaborhoz, és nem tekintem Szent Grálnak, de szerintem elég jól használhatók az ott leírtak.
[Szerkesztve]
(Lehet, hogy a téma amit használok XP-n, az kavar be. Valami böngészőfüggetlen egységes kinézet kellene nekem.)
A módosításnál, és csak később vettem észre... Kijavítom, erre akkor meg a másik helyen lett... Gondoltam hagyom...
Azt hittem Siemens C55 ről szól a topic. Első ránézésre, de még másodikra is annak néztem. 
(ne csak én írjak már 
Új hozzászólás Aktív témák
Hirdetés
- GAMER PC : RYZEN 5 4500 / 16GB DDR4 / ASUS RX 480 8GB / WiFi / Bluetooth / 512GB M.2 SSD / 500GB HDD
- Dell Latitude 7390, 13,3" FHD IPS , I5-7300U CPU, 16GB DDR4, 512GB SSD, WIN 11, ( olvasd végig )
- Acer PREDATOR HELIOS NEO 16 / i9-14900HX / RTX 4070 (140W) / 1 TB SSD / 240HZ
- Topping A70 Pro fejhallgató erősítő
- Topping D70 Pro Octo DAC
- Felújított laptopok Számlával, garanciával! Ingyen Foxpost!
- Huawei P20 Lite 64GB, Kártyafüggetlen, 1 Év Garanciával
- Telefon felvásárlás!! iPhone X/iPhone Xs/iPhone XR/iPhone Xs Max
- ismét elérhető 3db - Sennheiser MOMENTUM 4 fejhallgatók
- LG 65QNED86T / 65" - 164 cm QNED / 4K UHD / 120Hz & 3ms / HDR 10 Pro / FreeSync Premium / HDMI 2.1
Állásajánlatok
Cég: CAMERA-PRO Hungary Kft
Város: Budapest
Cég: PC Trade Systems Kft.
Város: Szeged