Hirdetés

2024. június 1., szombat

Gyorskeresés

Útvonal

Fórumok  »  Szoftverfejlesztés  »  HTML szerkesztés (kiemelt téma)

Hozzászólások

(#3201) Sk8erPeter válasza biker (#3200) üzenetére


Sk8erPeter
nagyúr

Jaja, ismerős hiba. :DD

Egyébként az általad imént linkelt statisztikán most nézem, hogy a 69% csak arra vonatkozik, hogy azok használják a 4-es verziót, 28% a "Not detected" kategória, ami jelentheti azt is, hogy nem használ az adott júzer Silverlight-ot, vagy csak nem tudta detektálni a verziószámot, úgyhogy önmagában ez nem egy túl releváns statisztika szerintem. :) Vagy legalábbis nem egyértelmű egyáltalán.
Nincs odaírva konkrétan, hogy ennyi és ennyi felhasználó közül ennyi és ennyi használ Silverlight-ot.

Sk8erPeter

(#3202) cucka válasza biker (#3198) üzenetére


cucka
addikt

Melyik részét nem tudja az IE8 a css2-nek?
Egyébként if ie sorokkal való bohóckodás helyett ezt javaslom: [link]

(#3203) cucka válasza Sk8erPeter (#3201) üzenetére


cucka
addikt

69+28=97, a fennmaradó részen osztozik a többi verzió. A "not detected" pontosan azt jelenti, hogy nem találtak Silverlight-ot az adott klienseken, tehát várhatóan nem is fog futni náluk semmi, amit ebben írtak.

(#3204) biker válasza cucka (#3202) üzenetére


biker
nagyúr

Tegyük fel, hogy elhiszem neked, most először tapasztalsz ilyet, bár erősen kell képzeljek, mert tudom, hogy fejlesztesz, de akkor pár minta:

1: bármilyen böngészőben ez jó:
#keres {
position: relative;
top: 80px;
left: 20px;
height: 25px;
width: 180px;
}[/M]



ieben ez kell:
[M](C)#keres {
right: 0px;
position: relative;
top: 80px;
left: 0px;
height: 25px;
width: 200px;
}(/C)[/M]


2: minden browser:
[M](C)#headmenu {
font-size: 13px;
position: relative;
top: 100px;
left: 40px;
width: 160px;
height: 50px;
text-align: left;
}(/C)[/M]

ie:
[M](C)#headmenu {
right: 20px;
border-width: 0px;
font-size: 13px;
position: relative;
top: 80px;
left: -20px;
width: 180px;
height: 50px;
text-align: left;
}(/C)[/M]

3: minden browser:
[M](C)#side_submenu {
padding-left: 0px;
padding-bottom: 5px;
padding-right: 0px;
padding-top: 0px;
margin: 0px;
width: 225px;
float: left;
}

#sidesubmenu_head {
height: 30px;
background: url(img/2011img/bg_menu_top.png) no-repeat top;
padding: 0px;
margin: 0px;
width: 225px;
}

#sidesubmenu_foot {
height: 30px;
background: url(img/2011img/bg_menu_bottom.png) no-repeat bottom;
padding: 0px;
margin: 0px;
width: 225px;
}

#sidesubmenu_body {
margin: 0px;
background: url(img/2011img/bg_menu.png) repeat-y;
padding: 10px;
width: 205px;

}
}(/C)[/M]

ie:

[M](C)#side_menu {
padding-left: 0px;
padding-bottom: 5px;
padding-right: 0px;
padding-top: 0px;
margin: 0px;
width: 225px;
float: left;
}

#sidemenu_head {
height: 30px;
background: url(img/2011img/bg_menu_top.png) no-repeat top;
padding: 0px;
margin: 0px;
width: 225px;
}

#sidemenu_foot {
height: 30px;
background: url(img/2011img/bg_menu_bottom.png) no-repeat bottom;
padding: 0px;
margin: 0px;
width: 225px;
}

#sidemenu_body {
background: url(img/2011img/bg_menu.png) repeat-y;
padding: 10px;
margin: 0px;
width: 225px;(/C)[/M]


és még sorolhatnám, nem onnan értelmezi a pozíciókat, a margókat, a paddingokat, mint bármi más, értsd chrome, FF3, FF4, Opera, Safari, bármely oprendszeres verziói, csak ie alatt esett szét az oldal, de keményen, dupla margók, rövid hátterek, stb.
ami meg ie konform, az minden más böngészőben esik szét.

de mi az, amit abszolút nem ismer:
[M](C)#sidemenu_body ul li {
font-size: 14px;
list-style-position: inside;
color: white;
border-top-color: navy;
border-top-style: dotted;
border-bottom-width: 1px;
border-top-width: 1px;
border-bottom-color: navy;
border-bottom-style: dotted;
padding: 5px;
text-align: left;
left: 10px;
list-style-image: url(img/2011img/white_arrow.png);
}

#sidemenu_body ul li:hover {
font-size: 14px;
border-top-color: #ff8000;
list-style-position: inside;
color: #ff6100;
border-top-style: dotted;
border-bottom-width: 1px;
border-top-width: 1px;
border-bottom-color: #ff8000;
border-bottom-style: dotted;
padding: 5px;
text-align: left;
left: 10px;
}(/C)[/M]

az összes tesztelt browseren átmegy az li:hover vagyis teljes li sorra más színű keret a lista elemre, bezzeg ie alatt ez ismeretlen fogalom.

[ Szerkesztve ]

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3205) cucka válasza biker (#3204) üzenetére


cucka
addikt

Milyen módban jeleníti meg az IE8 az oldalt?
A li:hover-es hiba gyanús, mert azt a :hover-t elvileg az ie7 is tudja.
Meg lehet valahol nézni az oldalt, ahol ezek a hibák jelennek meg? (Kíváncsivá tett, hogy mi okozhatja az anomáliákat :D )

(#3206) Brown ügynök válasza cucka (#3205) üzenetére


Brown ügynök
senior tag

Gyanús, hogy a :hover-t azért már ismeri az IE 8. Lehet hogy valahova nem raktál szóközt mert engem ezzel már megszívatott az IE8.

nem működik background: url(../kepek/Untitled.jpg)repeat-y top left;
működik background: url(../kepek/Untitled.jpg) repeat-y top left;

Egyébként:
CSS hack IE 6, 7, 8

[ Szerkesztve ]

"hacsak nem jön a jó tündér break utasítás képében..."

(#3207) biker válasza cucka (#3205) üzenetére


biker
nagyúr

Ment pm

Amugy nem tudja. Basszus, latom hogy nem szinezi at a bordert, hiaba mondjatok, tudnia kene, nem csinalja

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3208) PazsitZ válasza cucka (#3205) üzenetére


PazsitZ
addikt

IE a hovert csak <a> tagre értelmezi.
Bár most így hirtelen lehet hogy tévedek, de úgy rémlik a szabvány is csak az <a> link taghez biztosít hover tulajdonságot.
Más kérdés, hogy minden böngésző támogatja más elemre is.

[ Szerkesztve ]

- http://pazsitz.hu -

(#3209) WonderCSabo válasza PazsitZ (#3208) üzenetére


WonderCSabo
félisten

Hmm, ezen már én is gondolkoztam, de itt is azt írják, hogy minden elemen használható.

(#3210) biker válasza WonderCSabo (#3209) üzenetére


biker
nagyúr

"Note: In IE there must be declared a <!DOCTYPE> for the :hover selector to work on other elements than the <a> element."

csak nem írják, mit kéne deklarálni benne? mert benne van nekem a html 4.01 transitional

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3211) cucka válasza PazsitZ (#3208) üzenetére


cucka
addikt

CSS2 szerint a :hover bármihez hozzárendelhető. Az IE6 nem volt CSS2 kompatíbilis, ott csak az a tag-re működött.
Privát üzenet alapján Biker problémáját valószínűleg az okozza, hogy rossz a doctype, emiatt az IE8 alapból quirks módban rendereli az oldalt.

(#3212) biker válasza cucka (#3211) üzenetére


biker
nagyúr

nem érted a problémát, majd leírod privátban, tényleg hekkelni kell, miközben azt mondtad, nem kell.
nem értelek. és inkább dolgozok, minthogy érthetetlen leírásokon rágodjak megoldott problémákat újra problémásítva
és nem, qrvára nem értelmezi a css-ből az li:hovert. próbáld ki, nem működik.
pont.

[ Szerkesztve ]

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3213) Brown ügynök válasza biker (#3212) üzenetére


Brown ügynök
senior tag

Nekem Xhtml 1.0 Stricht-ben erre a CSS definícióra:

li:hover {
font-size: 14px;
border-top-color: #ff8000;
list-style-position: inside;
color: #ff6100;
border-top-style: dotted;
border-bottom-width: 1px;
border-top-width: 1px;
border-bottom-color: #ff8000;
border-bottom-style: dotted;
padding: 5px;
text-align: left;
left: 10px;

IE 8-ban:

Chrome-ban:

[ Szerkesztve ]

"hacsak nem jön a jó tündér break utasítás képében..."

(#3214) biker válasza Brown ügynök (#3213) üzenetére


biker
nagyúr

Ugy latszik mas doctype segitett az li:hoverben, segitett a korabbi 9 hibaban hack nelkul, de lett egy uj hiba :)
Cool

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3215) Brown ügynök válasza biker (#3214) üzenetére


Brown ügynök
senior tag

Egyébként cuckának igaza volt. HTML 4.01 Stricht-ben is működik.Szerintem nem számít, hogy Stricht vagy Transitional a CSS szempontjából.

[ Szerkesztve ]

"hacsak nem jön a jó tündér break utasítás képében..."

(#3216) Sk8erPeter válasza biker (#3214) üzenetére


Sk8erPeter
nagyúr

Melyik az a "más doctype", és mi volt eddig?
Őszintén szólva nem nagyon értem, miért nem működik nálad, most próbáltam IE8 alatt (8.0.7600.16385), XHTML Strict ÉS Transitional 1.0 DOCTYPE-pal hibamentesen működik a li:hover.
CSS fájlba ezt tettem:
#tesztlistahoverhez:hover{
background-color:yellow;
}

.listaelemhover:hover{
background-color:green;
}

A HTML-részben pedig ez szerepelt:
<ul id="tesztlistahoverhez">
<li class="listaelemhover">valami</li>
<li>következő valami</li>
</ul>

Pont úgy viselkedik, ahogy kellene: ha a lista fölé viszem az egeret, az egész lista háttere sárga lesz, ha meg az első listaelem fölé viszem az egeret, akkor az egész lista sárga plusz a "listaelemhover" osztállyal rendelkező elem háttérszíne zöld lesz.

:F

========
(#3215) Brown ügynök:
honnan szedted ezt a "Stricht"-et? :DD
Csak mert nincs ilyen. :N

Pl.:
There are three XHTML DTDs:
STRICT
TRANSITIONAL
FRAMESET

De itt egy alapos lista: [HTML <!DOCTYPE> Declaration]

[ Szerkesztve ]

Sk8erPeter

(#3217) cucka válasza Brown ügynök (#3215) üzenetére


cucka
addikt

Szerintem nem számít, hogy Stricht vagy Transitional a CSS szempontjából.
A kettő közötti leginkább lényeges különbség az, hogy a Strict nem enged meg olyan tag-eket és attribútumokat, amelyekre a css-el történő formázás miatt amúgy sincs szükség, továbbá szigorúbban betartatja a blokkszintű elem -> sorszintű elem hierarchiát.
Lásd még [link]

(#3216) Sk8erPeter
Az utóbbi jópár hozzászólásban html-ről volt szó, nem pedig xhtml-ről, nem mindegy :)

[ Szerkesztve ]

(#3218) Brown ügynök válasza cucka (#3217) üzenetére


Brown ügynök
senior tag

Én ezt nagyon jól tudom :) Ezt arra mondtam, hogy ha formázod az oldalt CSS-el, akkor mindegy, hogy Strict vagy Transitional a HTML oldalad, a formázási szabályok nem változnak.

Szerk: Én hoztam fel az XHTML-s témát, de HTML-ben is megnéztem, nincs különbség mint ahogy 3 sorral feljebb is írtam.

[ Szerkesztve ]

"hacsak nem jön a jó tündér break utasítás képében..."

(#3219) Sk8erPeter válasza cucka (#3217) üzenetére


Sk8erPeter
nagyúr

Jó, most kipróbáltam az alábbi DTD-kkel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Pontosan ugyanúgy működik, ahogy az előbb leírtam, az elvártak szerint... :U

Egyébként EBBEN A KONKRÉT ESETBEN nem igazán értem, miért számít. Az előző hsz.-ed erre számomra legalábbis nem magyarázat: "a Strict nem enged meg olyan tag-eket és attribútumokat, amelyekre a css-el történő formázás miatt amúgy sincs szükség, továbbá szigorúbban betartatja a blokkszintű elem -> sorszintű elem hierarchiát"
Attól még, hogy a DTD-ben mi megengedett, és mi nem, a böngészők általában próbálnak "megengedőek" lenni, és próbálják kierőszakolni magukból a megjelenítést olyan elemekre is, amik amúgy nem lennének adott helyen megengedettek. Ha egy böngésző sok esetben szarik a "szabványokra" (vagy saját "szabványocskáik" szerint "él"), akkor mindegy, elvileg hogyan kellene kinéznie valaminek, ha tutira másképp néz ki. Nem véletlenül kell sokszor szarakodni az IE-re való hekkelésekkel. Meg ha másképp jeleníti meg az adott böngésző az adott elemet, akkor máshogy jeleníti meg, akkor is, ha a fejed tetejére állsz - persze akkor van joga pampogni az embernek, ha amúgy W3C ajánlásai szerint valid az oldala, de az adott böngésző nem az elvártak szerint jelenít meg (ahogy pl. a többi, szabványkövetőnek tűnő böngésző, mint az Opera)!
DE jelen esetben ez épp nem igaz, mert pontosan úgy viselkedik, ahogy a többi böngészőben is. Szerencsére IE8 már nem olyan szinten nagy katasztrófa (legalábbis én így tapasztaltam, lehet, hogy nincs így), mint a korábbi IE-k, de persze itt is szükség van különutakra.

Sk8erPeter

(#3220) biker válasza Sk8erPeter (#3219) üzenetére


biker
nagyúr

ez rossz:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

ez jó:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

ekkor egy kép pozíció kivételével jó a hekkeletlen css, + van li:hover
DE
a listaelem jelének pozíciója nem jó továbbra sem.
ha jobbra rendezett a lista, akkor hozzárendezi az elem jeleket is, míg mindenmás browsser balra zárja az li jeleket és jobbra a szöveget :)

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3221) Sk8erPeter válasza biker (#3220) üzenetére


Sk8erPeter
nagyúr

Szóval magyarul rossz DTD-t, adtál meg, nem pakoltad bele, hogy milyen DTD-nek kellene megfelelnie? Akkor ne csodálkozz. :)

Az utóbbira meg írhatnál valami konkrét példát (pl. kódot vagy mintaoldalt mutathatnál), ahelyett, hogy ki kéne találni, most egész pontosan mire gondolsz. :)

Sk8erPeter

(#3222) biker válasza Sk8erPeter (#3221) üzenetére


biker
nagyúr

de csodálkzok, ha az univerzum 79 böngészőjén jó, és csak ie 6-7-8 alatt rakás sz@r, akkor az hiszem, jogosan csodálkozom.
mindkettőnél html 4.01 volt a doctype.

nem fogok most megnt windwst indítani emiatt, van egy kép, leírtam a css-t, benne van nyelvválasztó zászló, 2,2px és 2,11px attól függ, hover vagy sem, ezt -5px-el eltolva jeleníti meg az ie. így két fél zászlót látok, nem két egészet
ennyi.

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3223) Sk8erPeter válasza biker (#3222) üzenetére


Sk8erPeter
nagyúr

A validálás során nem derült ki a hiba? :U
Ha meg nem validálsz, azelőtt ne gyűlöld egyik böngészőt sem. :D Szerintem.

Sk8erPeter

(#3224) biker válasza Sk8erPeter (#3223) üzenetére


biker
nagyúr

nem derült ki. konkrétabban: nem szoktam már html validálni, mert "hibás" a validátor.

rohadt unalmas 79 hibát átnyálazni, amiből kiderül, 70 értelmezési hiba, pl egy get paraméter átadásra hiba, mert szerinte & nem lehet paraméterben, vagy hasonlók.
és mire megtalálom azt a 2-3 hibát, ami TÉNYLEG hiba, addig lemegy a nap. :(

a css validátor jól dolgozik, de html validátort még jót nem láttam
pl:
Line 7, Column 18: there is no attribute "LANGUAGE"
<script language="JavaScript" type="text/JavaScript">

és kiemeli a 2. idézőjelet mint hiba?????
Line 67, Column 104: end tag for element "B" which is not open
…dana; font-size: 10px;\"><b>"+name+"</b><br>"+address+"<br>"+others+"</span>");

hülye, ott van a nyitó kód a záró előtt
Line 89, Column 61: end tag for element "IMG" which is not open
document.write("<img src=img/header_hu/Header"+a+".png></img>");

no comment. nem is olvasom tovább, 65 hiba, ebből 0db valós.

[ Szerkesztve ]

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3225) cucka válasza biker (#3224) üzenetére


cucka
addikt

és kiemeli a 2. idézőjelet mint hiba?????
Nem, azt írja, hogy nincs olyan attribútum, hogy language. Tehát helyesen így írjuk
<script type="text/javascript">

A második hibánál azért zavarodik meg, mert ott egy " idézőjel a szövegben. Ha html szövegbe idézőjelet vagy kacsacsőrt vagy bármilyen spec. karaktert akarsz berakni, akkor azt ne így natúrba tedd, hanem html kóddal. Ettől zavarodik meg a validátor (és teljesen joggal, majd egyszer írj meg legalább egy lengyelforma kiértékelőt és akkor meglátod, miért nehéz normális hibaüzeneteket adni ilyen jellegű hibákra)

A harmadik hibánál az a baj, hogy a javascript kódodat nem tetted be egy cdata-ba. Valahogy így:

<script type="text/javascript">
//<![CDATA[

--Ide jön a javascript kód

//]]>
</script>

A (privátban is elküldött) félig lecsúszó zászlók problémáját viszont még nem sikerült megfejtenem, de az is meglesz :D

(#3226) biker válasza cucka (#3225) üzenetére


biker
nagyúr

a kiragadott részletekből nehéz megmondd, mi a hiba, de ennyit ad vissza a validátor.
neked beírom az egész sort:
az első jogos, benen maradt régről ebben a sorbna, a többi már javítva volt. réges régen kellett még a language.

a 2. nem indokolt, az a gyári google api illesztő kódban van:
marker.openInfoWindowHtml("<span style=\"font-family: Verdana; font-size: 10px;\"><b>"+name+"</b><br>"+address+"<br>"+others+"</span>");

a 3. egy random fejléc generáló script:
<div id="headimg"><script type="text/javascript">
var a=Math.floor(Math.random()*5);
document.write("<img src=img/header_hu/Header"+a+".png></img>");
</script></div>

ezt mire írjam át?

de sorban vannak benne szerinte lezárt de meg nem nyitott tagek, ez csak az első három volt.

Lecsúszó zászlók:


#langmenu {
position: absolute;
top: 20px;
left: 20px;
font-size: 12px;
text-align: left;
width: 200px;
}

#langmenu img {
vertical-align: top;
}

#eng {
background: url(img/eng.gif) no-repeat 2px 2px;
}
#eng:hover, #eng:focus { background-position: 2px -11px; }

#ger { background: url(img/ger.gif) no-repeat 2px 2px; }
#ger:hover, #ger:focus { background-position: 2px -11px; }

#hun { background: url(img/hun.gif) no-repeat 2px 2px; }
#hun:hover, #hun:focus { background-position: 2px -11px; }

++ ha megnézitek, a lista elemek jeleit nem teszi ki a jobb szélhez, csak az ie, FF, Chrome, Opera igen :(

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3227) Sk8erPeter válasza biker (#3224) üzenetére


Sk8erPeter
nagyúr

A nagy többségére cucka már reagált, konkrétan az & jelet cseréld le &amp; jelre, és meg van oldva a problémád... :U (ahogy cucka is mondta, hogy cseréld HTML-kódokra az ilyen karaktereket)
"65 hiba, ebből 0db valós."
Mindegyik valós. :K

Mielőtt ilyen igen erős kijelentéseket teszel, mint hogy "html validátort még jót nem láttam", vagy hogy "nem szoktam már html validálni, mert "hibás" a validátor", ami nyilvánvalóan ordas nagy tévedés, nézz utána, hogy biztos a validátorban van-e a hiba. :) Annak idején, amikor a $_GET paraméterekkel először szarakodtam, nekem is csak pár perc guglizásomba került, hogy rájöjjek, vajon az & karaktert miért nem fogadja el... Nem azért, mert olyan rohadt ügyes vagyok, hanem épp azért, mert alapfeltételezés szerint abból indulok ki, hogy én tudok rosszul valamit, ha oly sok más embernek viszont ugyanaz hibátlanul működik.
Az összes általad írt validálási hiba orvosolható és valós.

(#3226) biker : pont az előbb írta le cucka a CDATA-s részt... :U

"a kiragadott részletekből nehéz megmondd, mi a hiba, de ennyit ad vissza a validátor."
Nem értem ezeket a mondataidat, érdekes stílust alkalmazol, cucka egyébként jó választ adott a problémádra.

[ Szerkesztve ]

Sk8erPeter

(#3228) biker


biker
nagyúr

mondjuk a lecsúszó zászlót azt hiszem, megoldom azzal, hogy két kép lesz, és cserélem, és akkor nem csúszik le sehova :)
ezt még az előző gárda kódolta. én csak átalakítom...

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3229) biker válasza Sk8erPeter (#3227) üzenetére


biker
nagyúr

konkrétan az & jelet cseréld le &amp; jelre, és meg van oldva a problémád...

most én vagyok hülye, vagy ha az & jelet lecserélem &amp; jelre, akkor ugyanúgy kiírtam az & jelet? :U
alap2011.php?inc=15&amp;menu_id=10&amp;refid=2712
???? végülis nem megy el 404-re, kipróbáltam. De erről eddig nem hallottam.

cdata: a kiemelt google api markerpoint kód, amit hibára vesz, a cdata tagok közt van :( akkor is invalidra teszi hogy nincs nyitva a lezárt tag.
szóval akkor???
//<![CDATA[

function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(47.74929, 19.14262), 12);

map.addOverlay(createMarker(new GLatLng(47.74929, 19.14262), 1, '<img src=http://uniotendereuropa.hu/img/logo.gif>', '2600 Vác, Nádas u. 4.<br>Telefon: 06-27-547-860<br>Fax: 06-27-547-861<br>Mobil: +36-20-470-6396', '', ''));

}
}

function createMarker(point, number, name, address, type, others) {
var icon = new GIcon(G_DEFAULT_ICON);
icon.image = "http://www.google.com/mapfiles/marker" + type + ".png";
var marker = new GMarker(point, icon);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("<span style=\"font-family: Verdana; font-size: 10px;\"><b>"+name+"</b><br>"+address+"<br>"+others+"</span>");
});
return marker;
}


//]]>

[ Szerkesztve ]

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3230) cucka válasza biker (#3226) üzenetére


cucka
addikt

A kettes hibát rosszul írtam, így ez alapján pontosan ugyanaz a megoldás rá, mint a harmadikra.

A problémát az okozza, hogy a validator a <script> tag-ben található szöveget pontosan ugyanúgy validálja le, mint ahogy egy bármilyen más tag-ben elhelyezett szöveget (tehát nem érdekli, hogy az javascript vagy sem). Ezért van az, hogy ha a javascript kódodba html részeket is szeretnél beletenni (mint ahogy itt is van), szólni kell a validátornak, hogy azt ne vegye figyelembe, erre írtam a cdata-s megoldást. A harmadik hiba tehát így fog kinézni javítva:

<div id="headimg"><script type="text/javascript">
//<![CDATA[
var a=Math.floor(Math.random()*5);
document.write("<img src=img/header_hu/Header"+a+".png></img>");
//]]>
</script></div>

Egyébként a CDATA jelentése az, hogy Character Data, és jellemzően xml-ben szokás használni pontosan ugyanerre: ha két tag közé szöveget szeretnél rakni, akkor így jelzed az xml parser-nek, hogy azt a szöveget legyen szíves nem parse-olni.

Egyébként ennek az egész bohóckodásnak egyetlen értelme van, hogy a validator lefusson. Ahogy látod, maga a CDATA egy javascript kommentben van, tehát a böngészőnek tökmindegy, hogy odaírod-e vagy sem, ugyanúgy fog működni.

mod: a & jelet &amp;-re csak a html elemeknél (pl. link) vagy folyó szövegben kell cserélni, a javascript kódban értelemszerűen nem :)

[ Szerkesztve ]

(#3231) biker válasza Sk8erPeter (#3227) üzenetére


biker
nagyúr

"a kiragadott részletekből nehéz megmondd, mi a hiba, de ennyit ad vissza a validátor."
Nem értem ezeket a mondataidat, érdekes stílust alkalmazol, cucka egyébként jó választ adott a problémádra.

Úgy értettem, hogy a validátor által visszaadott 100 karakterből nem látja, mi az a kód, mi van előtte, mi van utána, épp így nem láthatta, hogy az egyik hivatkozott javascript kód előtt ott a cdata paraméter...
+ nem látja, mit emel ki pirossal a validátor.

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3232) biker válasza cucka (#3230) üzenetére


biker
nagyúr

berktam a "kért" elemet, most is ugyanaz a hiba, mint ahogy eddig is hibát jelzett a googleos kódra is:
Line 90, Column 61: end tag for element "IMG" which is not open
document.write("<img src=img/header_hu/Header"+a+".png></img>");

//<![CDATA[
var a=Math.floor(Math.random()*5);
document.write("<img src=img/header_hu/Header"+a+".png></img>");
//]]>

:U :U

pontosan ugyanazt a hibát jelzi

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3233) biker


biker
nagyúr

jó, ok, egyet kihagytam, html-ben nem kell lezárni az img-et, csak xhtml-ben :)
+ a büdös életben nem lesz teljesen valid, mert a tartalmat wysiwyg szerkesztőből töltik be, és az formáz olyanokat, hogy ihajj....

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3234) Sk8erPeter válasza biker (#3232) üzenetére


Sk8erPeter
nagyúr

Miért alkalmazol külön lezáró elemet az <img> tagre? :U
Ez HELYTELEN:
<img .....></img>
így helyes:
<img ........ />

Nyilván a pontoknál legyenek ott a megfelelő attribútumok.

"most én vagyok hülye, vagy ha az & jelet lecserélem &amp; jelre, akkor ugyanúgy kiírtam az & jelet? :U"
Nem vagy hülye, de ez HTML-kód... :U Annak megfelelő szintaktikát kell alkalmazni. Ahogy cucka leírta már (ismét előbb írta :D), JS-kódban ezt nem kell alkalmazni.
De pl. itt igen:
<a href="alap2011.php?inc=15&amp;menu_id=10&amp;refid=2712">blabla</a>

Egyébként meg egyszerűbb lenne, ha megmutatnád az oldaladat, hogy hol van. :)

(#3233) biker: "+ a büdös életben nem lesz teljesen valid, mert a tartalmat wysiwyg szerkesztőből töltik be, és az formáz olyanokat, hogy ihajj...."
TinyMCE XHTML Strict 1.0 szabvány szerint is valid kódot generál... :U Egyetlen helyen szerkesztettem át (az is egy sor volt, ha kell, bemásolom ide), az <img> tageknél, hogy ne legyen border tulajdonsága, mert az már úgy nem lenne valid.
Úgyhogy lehet, hogy az általatok használt szerkesztő egy fos, de ebben sem kéne általánosítani. :)

[ Szerkesztve ]

Sk8erPeter

(#3235) cucka válasza biker (#3233) üzenetére


cucka
addikt

Ja, egy jótanács: ha nem feltétlenül követelmény, hogy az oldal valid legyen, akkor sz*rd le a validatort. Komolyan. Senkit sem érdekel, hogy valid-e egy oldal vagy sem, az a fontos, hogy működjön és jól jelenjen meg.

[ Szerkesztve ]

(#3236) biker válasza Sk8erPeter (#3234) üzenetére


biker
nagyúr

az oldalt 2006-2007-ben írta egy naaagy cég milliós nagyságrendben, én 2010-ben vettem át, azóta dolgozunk azon, hogy működjön rendesen, és most kap egy új grafikát mellékesen.
ennyi az én munkám benne. folyamatosan találom én is benne a hibákat, csak nehéz úgy, hogy az index.php meghívja a nyelvválasztó lc.php-t, ami az alap.php-t, ami includol 3 filet, egyikben benne a további 17 includeolandó file listája, és azok kérdeznek le mindent.
+ ha egy változónév hosszabb, mint 2 karakter azt már én írtam bele, ők az DW KC JH jellegű változónevekkel dolgoztak, szerintem másnap már nem tudja, mi miért az ami.
régi új, az újon sok link még a régi oldalra visz vissza, vagy épp félig régi félig új.
csak a főoldal, meg 1-2 aloldal van megcsinálva 2011-re

kb 70fileból áll, kicsit macerás az átírása. de rajta vagyunk az ügyön.

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3237) biker válasza cucka (#3235) üzenetére


biker
nagyúr

ok, megfogadom.

Arra meg, hogy "sosem láttam jó validátort" lehet erősnek mondani, de egyszer lefuttattam egy komoly pénzért árult websablon szerkesztő program 10 (saját állításuk szerint) valid sablonon a validátorokat, és 0 volt valid. valaki hazudik... :)

ja, és az én verziós oldalamon 55 error van, a régin 166 :D akkor azért olyan nagy balf... nem vagyok. talán... remélem...

[ Szerkesztve ]

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3238) Sk8erPeter válasza cucka (#3235) üzenetére


Sk8erPeter
nagyúr

Igen, a felhasználók 95%-át tényleg egyáltalán nem érdekli, hogy valid-e az oldal, csak az, hogy jól jelenjen meg, nagyjából pontosan ugyanúgy nézzen ki mindegyik böngészőben. Ez az, amiben azért elég nagy segítséget nyújt, ha az oldal valid (annak ellenére, hogy igen sűrűn hirdeted, hogy a fejlesztő nyugodtan szarja le a validatort) - így legalább az ember a saját hülyeségéből eredő hibákat ki tudja szűrni, tudja jól, hogy a DTD-nek megfelelő módon írta meg a kódot, úgyhogy az egyes tagek véletlenül történő rossz helyre pakolása, elírások és egyéb baromságok nem okozhatják az oldal rossz megjelenését.
Tényleg nem kell túllihegni az oldal validitását, de más részről viszont nem értem az ezen való folyamatos parázást: aki már egy ideje írogat (X)HTML-kódokat, az egy idő után valószínűleg részben saját kárán megtanulja, hogyan is kell azokat helyesen leírni (lásd az iménti <img> tag helytelen lezárását), hogy az a W3C ajánlásainak megfelelő legyen, így innentől kezdve már valid módon kódolni sem olyan nagyon bonyolult. Most komolyan ilyen nehéz valid kódot írni? Az én válaszom: nem...
Személy szerint rengeteget szívtam már azzal, hogy egyszerűen fingom sem volt, mi a hiba a kódban, miért jelenik meg olyan idióta módon néhány elem, és bizonyos böngészőkben miért néz ki egészen másképp. Hogy az esetleges saját hibákat felderítsem, ráküldtem a validatort, és sokszor vágtam a homlokomra, hogy basszus, véletlenül itt totál elcsesztem a lezáró tag helyét, vagy ennél sokkal apróbb hibát vétettem, de annak kijavítása után érdekes módon az oldal úgy nézett ki, ahogy szerettem volna.
Nem mellesleg a JavaScript-kódok helytelen működése is sokszor összefügg az összehányt oldalakkal. Igen komolyan büntetheti magát a webfejlesztő, ha összetrehánykodja az oldalt, nem számít, milyen a kódja, csak legyen kész.

Csak hogy összefoglaljam a lényegét a mondandómnak: bár nem kell összeszarnia magát senkinek, ha nem valid a kódja, de ha mégis sikerül validálnia, akkor az nagyban hozzásegíti ahhoz, hogy úgy nézzen ki az oldala, ahogy szeretné is, hogy kinézzen, főleg amennyiben a szabványkövetés irányába haladnak a böngészők.
Senkinek ne menjen el a kedve a validálástól, igenis van létjogosultsága.

-------

(#3237) biker :
"egyszer lefuttattam egy komoly pénzért árult websablon szerkesztő program 10 (saját állításuk szerint) valid sablonon a validátorokat, és 0 volt valid. valaki hazudik..."
Jaja, hogyne, a W3C nyilván hazudik, amikor hosszú egyezkedések nyomán kialakítják webfejlesztési ajánlások egész rendszerét, nem? És bizonyára az ő validátoruk a hibás, mert ennek nagyobb ám a valószínűsége, minthogy egy-egy sablonba mégis hiba kerülhetett... :N
Mondjuk tény, ujjal mutogatni mindig egyszerűbb, mint saját hibáink kijavításán dolgozni. :)

Sk8erPeter

(#3239) cucka válasza Sk8erPeter (#3238) üzenetére


cucka
addikt

Természetesen mindenkinek, aki most tanulja ezeket a dolgokat, javaslom, hogy tanuljon meg valid kódot írni. Ugyanakkor ha évek óta ezt csinálod, akkor egy idő után elsőre fogsz tudni olyan kódot írni, ami szép is, jó is, mégsem feltétlenül valid. Például az előző hozzászólásokban szereplő, CDATA-val történő bohóckodás egyetlen célja is annyi, hogy a validátor lefusson, különben nincs rá szükség. Akkor se lesz semmi, ha xhtml-ben egy br vagy img tag-et elfelejtesz lezárni, és sorolhatnám az ilyen apróságokat.
(Mondjuk abban igazad van, hogy aki itt segítséget kér html-ből, annak valószínűleg jobb tanács hosszú távon, hogy figyeljen oda arra, hogy az oldala valid legyen :) )

(#3240) Gergello


Gergello
addikt

Ezt a funkcionalitást kellene megoldani frame-k nélkül.
2 sáv: scrollozható tartalom és alul a menü.

Működő minta html és css kódot várok. Tippekből már olvastam eleget.

Köszönöm.

(#3241) DeltaPower válasza Gergello (#3240) üzenetére


DeltaPower
őstag

<div style="position:fixed;width:100%;height:85px;left:0;bottom:0;background-color: red;">...</div>

szívesen

"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser

(#3242) Gergello válasza DeltaPower (#3241) üzenetére


Gergello
addikt

Tökéletes. Köszönöm! :R

(#3243) Gergello válasza Gergello (#3242) üzenetére


Gergello
addikt

Illetve majdnem. Kirakja ez egész oldalra a görgető sávot, ha ezt még meg lehetne oldani valahogy.

Régi:
http://noob.hu/2011/04/22/v3.JPG

Új:
http://noob.hu/2011/04/22/v4.JPG

(#3244) cucka válasza Gergello (#3243) üzenetére


cucka
addikt

Beírod ezt a css-be:
body{
overflow-y: hidden;
}

(#3245) Gergello válasza cucka (#3244) üzenetére


Gergello
addikt

Ekkor a másik div-et sem lehet scrollozni, hiába rakok arra overflow: auto-t.
Mindjárt felrakok egy teszt verziót.

(#3246) Gergello válasza Gergello (#3245) üzenetére


Gergello
addikt

Live. Képek csak részben vannak feltöltve.

(#3247) biker


biker
nagyúr

Miket nem talál az ember egy honlap átalakításakor.

- az egész oldal úgy íródott, hogy register globalst feltételez. nos, ez már szinte teljesen át van írva (eleinte a tömbök kiíratásával, mert azért 40 php file összes változóját kikeresni, hogy épp hol get, hol post, hol sessionből vár kicsit nehéz lenne) de a következőre nem gondoltam...
- az egyik fileban GET lekéréssel lehet rákeresni dolgokra. (másikban is, de itt a legdurvább). A keresés lefut adatbázisban LIKE-ban, DE!!!, a keresett kulcsot kiírja a képernyőre MINDEN szűrés nélkül.

ha beírom a linkbe, hogy <b>szia</b> akkor kiír egy kövér szia szót.
Ezt az oldalt hogy nem törte eddig meg senki? :(

és ezt írták egy milláért.
miközben a második olyan funkciót találom benne, ami meg van írva, de nem lett átadva, hogy használják. + egyről már tudnak, hogy félkész.

pl dinamikus menük, menüpontok adatbázisban tárolva, sorrendezhetők, minden. DE!!! adminban nincs lehetőség felvinni, szerkeszteni, phpmyadminból kell.
válaszuk: nem kérték, hogy szerkeszthető legyen :W
a tartalom 70%-a sql-ben, 30%-a 4 nyelven beírva php-be. korrekt kis oldal...

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3248) biker válasza biker (#3247) üzenetére


biker
nagyúr

extra rovatunk...

alap.php ben include inc_list.php
benne az icludeolandó fileok listája.
switchben egyik elem
case 2002:
$inc_fajl="uzenet.php";
$uzi="<h1>MÓDOSÍTÁST RÖGZÍTETTÜK!</h1>";
break;

uzenet.php
<?php
echo $uzi;
?>

jó oldal. nagyon jó! :W :Y

[ Szerkesztve ]

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

(#3249) spammer


spammer
veterán

Tud valaki gyors és egyszerű PNG transparency fixet IE6 -hoz? Gugliztam, kipróbáltam párat, de vagy nem működnek, vagy rosszul működik.

Próbáltam ezt a javascriptes módszert is (állítólag ez jó) [link], de ez sem tette átlátszóvá a képet. :(

IETester alatt ellenőrzöm egyébként.

„A feketébe öltözött ember a sivatagon át menekült, a harcos pedig követte."

(#3250) biker válasza spammer (#3249) üzenetére


biker
nagyúr

ha ez sem jó, te csinálsz rosszul valamit
<DIV ID="myDiv"
STYLE="position:relative;
height:415px;
width:400px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/minibar-2_feher_kek_glow.png',sizingMethod='scale');"><img style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" src="images/minibar-2_feher_kek_glow.png" width="400" height="415"></img></DIV>

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

Útvonal

Fórumok  »  Szoftverfejlesztés  »  HTML szerkesztés (kiemelt téma)
Copyright © 2000-2024 PROHARDVER Informatikai Kft.