HTML kérdésem van

[eremit]

Ez nem az én weblapom, de itt is ugyanaz a hiba.

 

http://www.zsiga41.szaldobagyi.hu/tartalom/geometria.html

[[OP]Destroy-man]

Én is linkre tippelek. Ebben az esetben itt a megoldása:

a, img {
border:none;
outline:none;
}

 

Szerk.:

A linkelt oldalon rosszul van beállítva az img border tulajdonsága.

[eremit]

<a href="http://www.geogebratube.org/student/m124884" target="_blank">
<abbr title="Látóköríves feladat (GeoGebra)">
<img src="images/g002s.png" border:none; outline:none;>
</abbr>
</a>

 

Így néz ki a hivatkozás nálam, de a kis vonal továbbra is ott van.

[kléni]

A linkelt oldalon az <a>-n belül az <img> után van egy  , és mivel a linknek nincs letiltva az aláhúzása, így látszik. Adj nekik egy text-decoration: none-t.

[eremit]

Az én oldalamon nincs szóköz ( ), mégis vannak vonalak.

 

A text-decoration: none után is maradtak a vonalkák.

 

Így néz ki három bélyegkép kódja:

<a href="http://www.geogebratube.org/student/m124884" target="_blank" text-decoration: none>
<abbr title="Látóköríves feladat (GeoGebra)"><img src="images/g002s.png" border:none; outline:none;>
</abbr>
</a>
<a href="http://www.geogebratube.org/student/m125677" target="_blank" text-decoration: none>
<abbr title="Négyzet elforgatása (GeoGebra)"><img src="images/g003s.png" border:none; outline:none;>
</abbr>
</a>
<a href="images/m001.png" target="_blank" text-decoration: none>
<abbr title="Exponenciális egyenlet"><img src="images/m001s.png" border:none; outline:none;>
</abbr>
</a>

[[OP]Destroy-man]

Amit korábban írtam a CSS kódot, abból jól látszik, hogy az a-ra is rá kell húzni a border:none; és az outline:none; tulajdonságokat. Tehát ott is tedd meg.

[eremit]

Már minden létező helyre betettem a border:none; outline:none;-t. A css-be is. Sajnos még mindig nem jó.

[eremit]

Na, megvan, a segítségetekkel és egy kis kereséssel. Eltűntek a kis szemét vonalkák.

 

Ezt írtam a <head></head>-be:

 

<style type="text/css">a {text-decoration: none}</style>

 

Köszi Destroy-man és kléni!

[[OP]Destroy-man]

Azért ezt a head-ba nem kellet volna. Meg kéne keresni a hiba forrsását.

 

Külső CSS-t használsz?

[payskin]

<abbr title="Exponenciális egyenlet"><img src="images/m001s.png" border:none; outline:none;>
...
<a href="http://www.geogebratube.org/student/m125677" target="_blank" text-decoration: none>

 

Ezekben a border, az outline és a text-decoration egészen pontosan milyen célt szolgált volna? Mert így maximum helykitöltő, lévén ilyet a HTML nem ismer. Egy HTML tagnek lehetnek attribútumai amely szintaktikailag úgy néz ki, hogy

 

attribútumneve="attribútum értéke"

 

Ha CSS akart lenni, akkor őket a style attribútumba kéne tenni.

[eremit]

Betettem a style-ba, a css-ben, de az hatástalan maradt, visszatértek a kis vonalkák.

 

Az <a href ... -ből kivettem a border, az outline és a text-decoration-t, úgyis hatástalan volt.

 

Pontosan nem tudom, hogyan is lenne szabályos, vagy hol van a hiba, ha van egyáltalán. Csak azt tudom, hogy a

<style type="text/css">a {text-decoration: none}</style>

a html fejlécében működik.

[[OP]Destroy-man]

HTML fejlécébe nem illik CSS-t deklarálni. Arra ott van az önálló CSS fájl, amire a HTML fejlécében hivatkozol.

[eremit]

A CSS-ben hová írjam?

[[OP]Destroy-man]

Írhatod a végére is.

a,a > img {
border:none;
outline:none;
}

[eremit]

Nem működik.

[[OP]Destroy-man]

Akkor csapd hozzá a text-decoration: none;-t is.

[eremit]

Így sem működik.

 

<style>
a,a > img {
border:none;
outline:none;
text-decoration: none;
}
</style>

[payskin]

Ez mi, amit bemásoltál? A linkelt CSS fájl? A CSS nem HTML, nincsenek benne tagek.

[eremit]

Ez volt a gond, a CSS teljes tartalma <style> </style> tag-ek közé volt írva. Nem tudom, hogy került bele ez a <style> </style>. Egy réges-régi weblapot vettem elő és módosítottam most. De a CSS már így volt. Huu!

Van benne még biztos egy csomó fölösleges dolog is, de majd kigyomlálom.

 

Félve teszem be a linket, mit (rosszat) szóltok a munkámhoz, de mindegy. Még nem végleges.

 

http://www.eremit.atw.hu/

 

Balázs, Destroy-man, kléni! Köszönet Nektek.

[payskin]

Nézd, én nem szólok semmit, csak beírtam a frame címét a validatorba, ami azt üzente, hogy HTML 4.01 Transitionalhez hasonlította (mert DTD híjján nem tudta máshoz) és talált 130 hibát.

 

Szóval, picit reszelni kéne még.

 

 

 

 

[eremit]

http://postimg.org/image/frhkkheoh/

 

Ahhoz képest, hogy teljesen amatőr vagyok a HTML-hez, nem is sok az a 130 20 Errors, 3 warnings. Majd átnézem.

 

Köszi!

[payskin]

Az a baj, hogy amikor így írod be a címet, akkor az ATW frame-et ellenőrzi, és abban a 17 sorban talál 20 hibát. Erről te nyilván nem tehetsz, meg is nem is vagy rá hatással, és nem tudod kijavítani.

 

Ahhoz, hogy valós képet kapj a saját kódodról, nyomj egy Ctrl+U-t a böngészőben, megjelenik a forrás (az a 17 sor), és azon belül lesz egy ilyen vagy ehhez hasonló, hogy

 

<frame name="user" src="http://users.atw.hu/eremit/" scrolling=auto>

 

Na, az src-ben levő címet add meg a validatornak, és hello 130 hiba.

 

Hogy konstruktív legyek, ha például ennyit beírnál az oldalad legelejére, hogy

 

<!DOCTYPE html>

 

az máris rengeteget segítene. Ezzel ugyanis elmondtad a világnak, hogy az oldaladat a HTML5 szabványnak megfelelően szeretted volna elkészíteni, ehhez hasonlítsák, ne a HTML 4.01 Transitionalhez, ami utoljára 1998-ban az ezredforduló környékén volt aktuális. Erre vonatkozik az első pár hiba. (Az ATW-nek is szólhatna valaki, hogy hello, DTD?)

 

Aztán a közé JS-t írsz. De a legjobb lenne azt azt a csodálatos névnapi JS kódot kitenni egy külső JS fájlba (mindent, ami a között van, a tageket nem!), és inkább csak linkelni a CSS-hez hasonlóan, így:

 

<script src="nevnap.js"></script>

 

A

-ből csinálj

<head lang="hu">

-t,

 

ezt:

<META http-equiv=Content-Type content='text/html; charset=windows-1250'>

 

vidd fel közvetlenül a

alá, írd át kisbetűsre (, minden taget kisbetűvel írunk), és dobd ki belőle a http-equivet a pontosvesszőig, a charsetből pedig csinálj szabályos attribútumot, tehát az egyenlőségjel utáni értéket tedd idézőjelbe. Ne használj aposztrófot (') idézőjel (") helyett.

 

A windows-1250 nem biztos, hogy a legszerencsésebb karakterkódolás, lévén lehet, hogy valaki nem Windowson szeretné megnézni az oldalat, és nála a jó isten tudja, mi fog megjelenni ékezetes betűk helyett. Gondolom, ezt valami odagenerálta, nem te találtad ki, hogy ez legyen. Nézd meg, hogy ezt a valamit rá lehet-e bírni, hogy UTF-8, vagy ISO8859-2 legyen a karakterkódolás.

 

És akkor már nagyjából ki is pucoltuk a

-et, már csak a van hátra! Fel a fejjel!

 

(Eh, hülye Balázs.) Hiányzik a

-ből egy

[kléni]

Szerintem egyszerűbb lenne végigolvasnia a websulit, mint itt megtanulnia a negyedét a hibáinak. Több a hiba az oldalban, mint a jó rész, így nem sokat ér a weboldal készítés.

[payskin]

Egyetértek, csak az eleje fölött eljárt kicsit az idő, kéne írni egy újat, mondjuk online elérhető módon (nem a PCW-keretei között), és nyilván HTML5 alapokon.

 

[eremit]

Köszi szépen Balázs!

 

"Kipucoltam" a fejlécet.

 

Azt nem értem, hogy miért jelzi hibásnak a <meta charset="ISO8859-2"> sort, két helyen is.

 

Még emésztem!