Hej Leif!
"Leif Nørholm Jensen" skrev:
>> Hvorfor laver du dobbelt-arbejde i din styling?:
>
> Du har ret, det skal jeg ændre!
Og hvis du vil gøre det endnu nemmere for dig selv, så placerer du alt
styling i en ekstern fil - jeg kan se, at du bruger mit favorit-program
(Stones WebWriter), så det skulle ikke volde nogen kvaler - og så laver et
kald til filen i head-delen:
<link href="STI_TIL_FILEN/style.css" rel="stylesheet" type="text/css"
media="screen">
På den måde skal du kun rette ét sted...
>> Jeg vil råde dig til at træde varsomt med negative marginer - det kan få
>> uheldige konsekvenser for brugeren (manglende indhold - det er ikke alle,
>> som vil ændre deres skærmopløsning blot for at se din side...)
>
> Måske kan mit problem ligge her???
> Det vil jeg se nærmere på i aften.
Måske - jeg ved det ærlig talt ikke.
Hvis det var min side, ville jeg fjerne den nederste linje, for din side er
faktisk ret fleksibel, og jeg er overbevist om, at den kan ses i (måske) 95%
af alle browsere - måske ikke helt ens, men næsten...
Og hvis du fjerner de negative marginer - du kan sagtens opnå samme layout
uden - så behøver du ikke at bekymre dig om skærmstørrelser mere - så skal
brugeren blot scrolle lidt mere ved lavere opløsninger, men indholdet kan
ses, hvilket er det vigtigste!?
> Jeg er nu nede på 0 fejl og 3 advarsler iflg Tidy - men det har ikke
> afhjulpet
> mit problem.
Ikke helt enig - min Tidy siger stadig 3 fejl:
line 36 column 7 - Fejl: element "CENTER" undefined
line 57 column 44 - Fejl: there is no attribute "TARGET"
line 73 column 164 - Fejl: end tag for element "P" which is not open
og W3C's validator siger 5 fejl:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.leifnoerholm.dk%2Fhovedfiler%2Fskak.html&charset=%28detect+automatically%29&doctype=Inline&group=0
Hvis linket er knækket -
http://preview.tinyurl.com/3narfa
Hvis vi tager Tidy's version, så kan du gøre flg.:
1)
<p> </p>
<center><img src="../skak/diagram1.jpg" width="320" height="320"
alt="diagram1" /></center>
<p> </p>
ændres til...:
<p class="skak">
<img src="../skak/diagram1.jpg" width="320" height="320" alt="diagram1" /></
</p>
Indsæt dette i dit stylesheet:
..skak {
text-align:center;
margin:20px auto;
}
2)
....target="_parent" og target="_blank"
fjern alle forekomster fra filerne - det er ugyldig kode... (også i
framesets?? - her har jeg lige brug for lidt hjælp...)
3)
<div id="footer"><p><div style="text-align:center">Hjemmesiden er optimeret
til Firefox og IE og til en skærmopløsning på 768px x
1024px</div></p></div>
Her "tryller" FF - hvis jeg prøver at redigere direkte i koden, så er der
lige pludselig en </p> lige efter <p>...??
Men hvis du nu fjerner <p> og </p> helt - de er ikke nødvendige - så skulle
det fjerne den fejl...
W3C's validator klager derudover også over:
Tankestreger (-), som du har på siden - erstat dem med – - så skulle
det være løst...
Short-tags: <br /> og <img ... /> skal ændres til <br> og <img ...> (jeg kan
se, at du har ændret doctype til transitional...?)
> Men foreløbig tak til dig... - jeg vender tilbage, når (hvis) det heller
> ikke
> hjælper at kigge på de negative margener...
Det var så lidt - god fornøjelse!
Med venlig hilsen
--
Dennis Munding
http://as-transport.dk/ -Sikker møbeltransport til tiden!
http://pe-vagtservice.dk/ -Når du vil passe på dine værdier!
http://munding-webdesign.dk/ -Vi ses! Ganske enkelt...