Sziasztok,
Van egy div tag amin belul van ket kep a kovetkezo formaban:
<div id="bannerbar">
<a href="http://validator.w3.org/check?uri=referer"><img src="/files/valid-xhtml2.png" alt="Valid XHTML 1.0 Strict" /></a>
<a href="http://jigsaw.w3.org/css-validator/"><img src="/files/valid-css2.png" alt="Valid CSS!" /></a>
</div>Mindket kep jobb es also szelen van egy kb. 4px nagysagu res, de akarmit csinalok vele nem akar eltunni. Levettem nulara a padding, margin ertekeket, mar beallitottam neki a kepmeretet is fixre, eltuntettem a "div" es "a" tageket is, beallitottam az img-nek is direktben, illetve a regi elavult hspace, vspace ertekeket is lenullaztam. Semmi. Ugyanugy ott van a keret. :-(
Van valakinek otlete, hogy mit lehetne kezdeni vele?
Koszi elore is. :-)
PS: A drupal miert hagyja figyelmen kivul a code es pre tageket?
- 1961 megtekintés
Hozzászólások
Próbáld ezt:
img {
display: block;
}
- A hozzászóláshoz be kell jelentkezni
Koszi, ezzel res nelkul jelenik meg, viszont csinal egy sortorest, amit szeretnek elkerulni.
Az inline az jo volt, csak a resek nem kellenek. :-)
---------------------
Minél korszakalkotóbb ötlettel állsz elő, annál több hülyén kell átverekedned magadat.
- A hozzászóláshoz be kell jelentkezni
En ezt ugy szoktam csinalni, hogy az img-ket szorosan egymas melle rakom, azaz az elso img zarojele es a masodik img kezdo "kisebb" jele kozott nincs semmi (ha nagyon kell torni, akkor tag kozben valamelyik ket attributum kozott torom, mert az ottani terkozt nem ertekeli tartalmonak):
[ img ... /][ img ... /]
Ezzel sokszor megoldodik a ket kep kozotti res.
A kepek alatti resekkel mar sokat szivtam en is, erre nekem egyetlen megoldaskent az mukodott, hogy a line-height tulajdonsag erteket levettem nagyon kicsire a kepeket tartalmazo div-nel. Nem tul szep, de mukodott.
- A hozzászóláshoz be kell jelentkezni
1. Koszi, ez lesz a megoldas a kepek kozti resekre. :-)
2. A "line-height"-tal mar korabban is probalkoztam, mivel arra gondoltam, hogy a kepek/linkek is oroklik a szovegekre jellemzo meretezesi tulajdonsagokat. Tegnap ejjel kinlodtam vele es a kepek css blokkjaba tettem be a div blokk helyett. Most betettem a div blokkeba es mukodik. :-)
Koszi megegyszer. :-)
---------------------
Minél korszakalkotóbb ötlettel állsz elő, annál több hülyén kell átverekedned magadat.
- A hozzászóláshoz be kell jelentkezni
Az xhtml használata esetén az inline képeknek sajnos sajátossága a rés. Megpróbálhatod valamely html-t, úgy emlékszem, hogy a html 4.0-nál talán nem volt rés.
- A hozzászóláshoz be kell jelentkezni
Ha jól értem problémát, akkor pont nemrég kerültem szembe ezzel én is (bár asszem csak az IE hasalt el tőle). 2 megoldást találtam rá:
#menu ul li {
display: inline;
}
#menu ul li a {
display: block;
}vagy
#menu ul,#menu li{
margin: 0 0 -5px 0;
padding: 0;
list-style: none;
}ps: ez egy képekből kirakott menü volt, szóval így kapcsolódik a kettő egymáshoz...
- A hozzászóláshoz be kell jelentkezni
Neztem ezt is, de ezek nem listaban vannak, hanem csak spontan egymas mellett. Ha legkozelebb belefutok, megnezem ezt is megegyszer. :-)
---------------------
Minél korszakalkotóbb ötlettel állsz elő, annál több hülyén kell átverekedned magadat.
- A hozzászóláshoz be kell jelentkezni
Kozbe sikerult beleultetned a bogarat a fulembe egy masik problemaval kapcsolatban. :-)
Az "ul" tagek utan allandoan van egy ures sor a listaban ezt hogyan lehetne kivegezni?
Itt is probaltam a fentieket, a display-t is piszkaltam, de akkor meg elvesztek a lista bekezdesei, vagy a bekezdesek elotti pont/teglalap jelolesek.
Van egy listam amelyik 4300 elembol all es ez a felesleges sortores kb 20%-kal meghosszabbitja az oldalt.
---------------------
Minél korszakalkotóbb ötlettel állsz elő, annál több hülyén kell átverekedned magadat.
- A hozzászóláshoz be kell jelentkezni
ez megoldás a problémára? :)
- A hozzászóláshoz be kell jelentkezni
Nem kozvetlenul, de megtalaltam benne amit kerestem. A "padding"-et az ul-be kell tenni, nem pedig a li-be, kulonben nem maradnak meg a bekezdesek. Ezert hagytam meg az ul utani ures reszt is mert ezt nem tudtam megoldani. Koszi megegyszer. :-)
PS: Le kene szallnom az ejszakazasrol. :-)
---------------------
Minél korszakalkotóbb ötlettel állsz elő, annál több hülyén kell átverekedned magadat.
- A hozzászóláshoz be kell jelentkezni
A hup/drupal "pre" es "code" tagjeire nem tudja valaki a megoldast?
A multkor maat megmutatta mar egyszer de azota sem mukodik. :-(
---------------------
Minél korszakalkotóbb ötlettel állsz elő, annál több hülyén kell átverekedned magadat.
- A hozzászóláshoz be kell jelentkezni
Működik mindkettő jól, csak a "pre" az entert új bekezdésnek a "code" pedig új sornak érzékeli
Ez egy
code-os
szöveg
"[code]code-os
szöveg[/code/]- A hozzászóláshoz be kell jelentkezni
Koszi, most mar megy. :-)
---------------------
Minél korszakalkotóbb ötlettel állsz elő, annál több hülyén kell átverekedned magadat.
- A hozzászóláshoz be kell jelentkezni
Sirva fakadok. ;-(
Az IE-n szet van csuszva az egesz oldal. A "line-height"-et nem veszi figyelembe az img tageknel, az alatta levo footbart alkoto div nem veszi at a meretet a benne levo tartalomnak, igy az kivulre esik es nem latszik. Menuk szetesve, a h1-h6 tagek koze foglalt szoveg olvashatatlanul kicsi, pedig be van allitva rendesen. Ja, az oldal valid, konquerort hasznalok fejleszteshez, opera-n, ff-n, regi mozillan neztem, franko minden.
A betumereteket megoldom, de a div-bol kicsuszott szoveggel es a line-height-tel mit lehetne kezdeni?
---------------------
Minél korszakalkotóbb ötlettel állsz elő, annál több hülyén kell átverekedned magadat.
- A hozzászóláshoz be kell jelentkezni
tudnál mutatni példaoldalt? Megpróbálkoznék vele, ez így túl teoretikus nekem...
- A hozzászóláshoz be kell jelentkezni
Koszi a felajanlast, de nem akarok vele kulonosebben foglalkozni es masokat se akarok ezzel piszkalni, ha csunya akkor csunya, a lenyeg, hogy el lehessen olvasni rajta mindent. :-)
Ma hajnalban nekiugrottam, a betumereteket atvarialtam ugy, hogy most az alap betumeret az 80% es a h1-h6 pedig 22px-tol kettesevel csokken. Igaz at kellett irnom most a menuk egy reszet is, ill. a statikus szovegreszt, de most elfogadhatoan nez ki.
A lablecet is megoldottam kisebb betukkel, meg nagyobb padding-ra allitva. Most az ie-n elfogadhato, az alternativ bongeszokon most szep az oldal - kulonosen a konquerorral -, de a lenyeg itt az, hogy a szoveg legyen elolvashato mindegyiken. :-)
Talaltam kozben egy masik bugot is, a fejlec also elen van egy vizszintes vonal, ami "background-color"-ja lesz a fejlecnek a kep alatt. Kilog...
Ugy marad. :-)
A div, meg az img problemakkal nem foglalkozom az ie-n, ezek olyan bugok ami miatt eszembe sincs orakig szivatni magamat. Akit nem zavar ie-n a szetcsuszott oldal az olvassa ugy, akit meg igen az letolt masik bongeszot. Aki pedig meg nem akar letolteni masikat sem, az valszeg nem fogja olvasni az oldalt. Valjek egeszsegere: az oldal egyebkent is nyilt szabvanyokkal fog foglalkozni. ;-)
---------------------
Minél korszakalkotóbb ötlettel állsz elő, annál több hülyén kell átverekedned magadat.
- A hozzászóláshoz be kell jelentkezni
upsz
- A hozzászóláshoz be kell jelentkezni
en bele szoktam tenni egy fix szelessegu es magassagu divbe oket, es float:left;-elem az img-ket, nekem igy mukodik
ha a kep ala is kerul meg vmi, nem art a kepek utan egy clear:both-os ures div
kez es labtorest :)
- A hozzászóláshoz be kell jelentkezni
inline környezetben bármilyen whitespace karakter egy space-ként fog megjelenni. A te esetedben ez érvényes az első link utáni újsor karakterre. Ha a div-edbe nem akarsz szöveget írni, csak képet tenni, akkor a legegyszerűbb, ha alkalmazod a div-re a "font-size: 0; line-height: 0;" stílust.
____________________
jobbára ártalmatlan
- A hozzászóláshoz be kell jelentkezni
Koszi, megprobalom igy. Most nincsen IE a kozelben, de ha lesz akkor kiprobalom vele es leirom a tapasztalatokat. :-)
---------------------
Minél korszakalkotóbb ötlettel állsz elő, annál több hülyén kell átverekedned magadat.
- A hozzászóláshoz be kell jelentkezni
En az Internet Explorerrel kapcsolatos problemakat mindig is ugy oldottam meg, hogy elhelyeztem egy "Download Mozilla" bannert az oldalon. :P Mert ugye az IE nem problemas, az IE maga a problema.
Egyszer regen, meg 0.6 vagy ilyesmi Firefox(bird) magassagaban volt az, hogy irtam egy sima HTML4 oldalt/PHP cuccot az ex-ex-melohelyemnek, ami par DBF tartalmat PGSQL adatbazisba importalta, majd ez alapjan kulonbozo lekerdezeseket lehetett belole generalni.
Namost, a generalt tablazat jol nezett ki:
- nagyMozillaban
- Firefoxban(birdben)
- Operaban
- Konquerorban
- Safariban
- Linksben(!)
- Netscape 4.x-ben OS/2 alatt
- az osszes agyahalott Amigas bongeszoben ugy mint: AmigaVoyager, IBrowse, AWeb
... es atment a validatoron is. Ezekutan IE-ben szetesett. Vinnyogtam kinomban. Aztan meg rohogtem, es felraktam egy Firefox(birdet) a gepre, ahol hasznaltak a waret. Problem solved. Egy darabig vinnyogtak persze erte, de nem kulonosebben erdekelt. :) Ha M$ ugy, en meg igy. :P
-=- Mire a programozó: "Na és szerintetek ki csinálta a káoszt?" -=-
- A hozzászóláshoz be kell jelentkezni