[Matsaki]

Ursprungligen postat av Robert

Är det de här taggarn du menar (som finns lite här och var mellan dina boxar):

<IMG height="5" src="/images/transparent.gif" width="5" alt=""><br>

Nej det finns inga sådana mellan några tables. Bara en under den övre menyn med Mat, Stränder osv.

[Matsaki]

Perkele......

Nu när man rensat vidare dyker NYA fel upp

Line 336, column 156: end tag for "TABLE" omitted, but its declaration does not permit this

...if" height="70" width="1" alt='""></td>

och strängen ser ut så här:

<td style="background: url(/images/box2_border.gif); width:1px;">[img]/images/box2_border.gif[/img]</td>

WHATS GOING ON???

[Robert]

Originally posted by Matsaki@Jan 12 2005, 05:07
Perkele......

Nu när man rensat vidare dyker NYA fel upp

och strängen ser ut så här:

<td style="background: url(/images/box2_border.gif); width:1px;">[img]/images/box2_border.gif[/img]</td>

WHATS GOING ON???

Det betyder att din <table> inte har någon </table>... (eller att den ligger felnästlad...beror lite på hur valideringsverktyget fungerar...)

[Robert]

Ursprungligen postat av guran

I begynnelsen var html en språk som beskrev texten. Med tiden ville folk skapa utseende. De började då att använda sig av beskrivningen för att skapa utseende. Därav att bl.a. table används till att bygga upp en sidans layout.

I princip borde man säga att table-design är ute. En table är ett sätt att beskriva data på, dvs. relationer mellan data. Ska en hemsida ha "total" användarvänlighet så ska html beskriva texten och CSS sidans layout.

Med tiden kommer detta krav att öka. I USA måste myndigheterna förja vissa föreskrifter för hur en hemisida ska fungera ur användarvänlighet. Det kravet finns inte i Sverige, men det kommer säkert att komma.

Det är ytterst få professionella företag som klarar av att göra en hemsida som verkligen lever upp till användarvänlighet enligt W3C. En orsak är säkert att deras kunder inte ställer det kravet vilket i sin tur säkert beror på okunskap om vad som menas med användarvänlighet. Kanske ordet tillgänglighet skulle användas.

Om man tittar på er hemsida, så är den vänlig för att överge table-designen och helt skapa alla spalter och boxar med CSS. Att skapa spalter och områden för text och få dessa att fungera bra vid olika skärmupplösningar och olika storlekar på en besökares webbläsarfönster är svårt. Det går att ta till lite javascript för att få allt ritat som man vill, men det är knappast en önskvärd metod.

Klarar ni av att få bort tabell-designen och få den validarad både på html och CSS, då kan ni vara mycket stolta. Då har ni gjort något som knappast någon myndighet eller storföretag i detta land har lyckats med.

Vet inte om det är språkförbistring här eller, men:

tillgänglighet = accessibility
användarvänlighet = usability

Myndigheter strävar efter (eller ska/bör sträva efter) tillgänglighet och det tror jag även de amerikanska gör (som enligt dig uppenbarligen har kommit längre). Tillgänglighet är ju ett demokratiskt verktyg för att inte utestänga vissa grupper av människor som inte har samma förutsättningar som andra i samhället (vi pratar främst om handikapp av olika slag). Även browserkompabilitet angränsar till detta att inte utestänga personer med andra webläsare.

Användarvänlighet däremot har aldrig varit på tapeten så vitt jag har förstått, främst pga av att accessibility och usability INTE går hand i hand (i de flesta fall). Användarvänlighet är en psykologisk lära (kognitiv vetenskap) som är sprungen ur hur gemene mans hjärnor och synintryck tolkas; hur en individ tänker och arbetar och hur man definerar förutsättningar för att detta ska underlättas eller upplevas som "enkelt", dvs användarvänligt. Detta upphör oftast att gälla för personer med handikapp.

Så jag förstår inte vad du menar med ditt inlägg. W3C definerar väl inte användarvänlighet, utan standarder (som innefattar Tillgänglighet). Lite roligt blir det ju när du skriver "okunskap om vad som menas med användarvänlighet"... :P

[guran]

Jo, du har rätt. Jag har blandat ihop orden i hastigheten. Det upptäckte jag när jag hade skrivit en stor del av mitt inlägg.

Men på ett sätt måste tillgänglighet och användarvänlighet gå tillsammans. Om det finns tillgänglighet för t.ex. en handikapad så har du samtidigt skapat användarvänlighet. Nu stämmer inte detta på precis allt. Samtidigt så går det att skapa användarvänlighet utan att det därmed är tillgänglight.

[Robert]

Originally posted by guran@Jan 12 2005, 13:09
Jo, du har rätt. Jag har blandat ihop orden i hastigheten. Det upptäckte jag när jag hade skrivit en stor del av mitt inlägg.

Men på ett sätt måste tillgänglighet och användarvänlighet gå tillsammans. Om det finns tillgänglighet för t.ex. en handikapad så har du samtidigt skapat användarvänlighet. Nu stämmer inte detta på precis allt. Samtidigt så går det att skapa användarvänlighet utan att det därmed är tillgänglight.

Jag tror ordet användarvänlighet betyder olika för olika personer. För mig är användarvänlighet en mix av design och funktion i syfte att EJ förvilla; att vara logisk och att underlätta.

Usability innefattar ju bla
Färgval (tex på knappar, text mm)
Symbolik (att efterlikna redan existerande irl situationer)
Navigering och navigeringssstruktur/flöden
etc...

Mycket av detta är taget ur verkligheten och kan inte appliceras för handikappade personer då deras verklighet inte överensstämmer med "våran".

Ett klassiskt exempel är en röd och en grön knapp (ok & cancel)... hur blir detta för en färgblind?
Att "framåt" är åt "höger" är självklart i västvärlden iaf, men inte i arabvärlden... (ok, nu pratar vi inte handikapp men iaf).

[Matsaki]

CSS fråga

Kan man inte välja bort den övre linjen i border genom "border-top-style: none;"?

td.footer
{
border-width: 2px;
border-color: #FF0000;
border-top-style: none;
border-style: solid;
}

och varför fungerar inte CSS för denn tagg?

<table border="0" cellpadding="0" cellspacing="0" width="136">

som sen blir:

<table class='footer'>

Med CSS kod:

table.footer
{
margin: 0px;
border: 0px;
padding: 0px;
width: 136px;
}

[guran]

Tillgänglighet behöver inte bara vara för handikapade. Om någon sitter på en långsam uppkoppling kan han eller hon välja att inte ladda bilder. I det läget kan det vara viktigt att varje <img ... har en bra alt-beskrivning.

[guran]

Originally posted by Matsaki@Jan 12 2005, 16:03
CSS fråga

Kan man inte välja bort den övre linjen i border genom "border-top-style: none;"?



td.footer
{
border-width: 2px;
border-color: #FF0000;
border-top-style: none;
border-style: solid;
}

Det skall gå bra. Dock måste du kasta om

border-top-style: none;
border-style: solid;

så att det blir

border-style: solid;
border-top-style: none;

Tänk på att det som anges sist är det som gäller. Vad du har gjort i din kod är att du först bestämmer att det inte ska vara någon ram på överdelen. I nästa sats bestämmer du att det ska vara ram på alla kanter.

[Matsaki]

Varför fungerar inte denna i Explorer utan bara Mozilla/Firefox/Safari:

table.loginbox
{
border-spacing: 0;
}

table.loginbox td
{
padding: 0;
}

td.loginbox
{
border-style: solid;
border-top-style: none;
border-color: #000000;
border-width: 1px;
background-color: #FA9309;

}

i Explorer blir det ett dumt mellanrum (border) som inte ska vara där. http://www.ayianapa.nu går det att se i "Logga in boxen".