[Robert]

Originally posted by Matsaki@Jan 10 2005, 04:35
Jag sa ju att jag försöker lära mig

Nu har jag ändrat allt igen...

i nemembersbox.php så ser det ut så här:

<table border="0" cellPadding="0" cellSpacing="0" width="116">
<tbody>
<tr>
<td colSpan="2">[img]/images/box_top_nyamedlemmar.gif[/img]</td></tr>
<tr>
<td class='newmembersbox'>

<?php
if(TRUE) //fnGetFileCache("m_newMembers.php",30000)) blablabla

Sen i napa.css ser det ut så här:

td.newmembersbox
{
border-style: solid;
border-color: #000000;
border-width: 1px;
padding: 0px;
padding-top: 15px;
padding-left: 0px;
padding-bottom: 15px;
margin: 0px;
background-color: #FFC700;
width: 116px;
}

Det som inte verkat funka nu är padding-left: opx; bara vad jag kan se???

padding-left: opx; <--- du använder boksaven o istället för siffran 0 ????


sen kan du faktiskt skriva alla dina margins och paddings på en rad, typ:

padding: 0px 15px 0px 15px;

Kommer dock ej ihåg i vilken ordning top/left/bottom/right kommer...

[Matsaki]

Nej det är en nolla "0" Jag har nu ändrat det tol 5px med vilket det ska vara.

Ännu en skum sak är att mellanrummer mellan Nya medlemmar boxen och den övre Logga in boxen blivit dubbelt <_< Suck!!!

[Matsaki]

Nu har jag kommit en bit på väg. Från 160 errors i W3C är det nu nere i 44

Jojo man lär sig. Men om någon HTML/CSS kung skulle ha tid och hjälpa mig med att förstå några saker i sidans (min sida) uppbyggnad så kan man nog göra många saker mycket smidigare och mer optimerat.

Någon som har lite tid över o tjabba kod? B)

[guran]

Originally posted by Robert@Jan 10 2005, 09:22
sen kan du faktiskt skriva alla dina margins och paddings på en rad, typ:

padding: 0px 15px 0px 15px;

Kommer dock ej ihåg i vilken ordning top/left/bottom/right kommer...

Syntaxen är enligt följande

padding: 5px; (alla sidor)
padding: 5px 5px; (top/bottom right/left)
padding: 5px 5px 5px; (top right/left bottom)
padding: 5px 5px 5px 5px; (top right bottom left)

En annan sak: Värden som är 0 behöver inte ha någon typ. T.ex. 0px behöver bara anges 0. Exempel:

padding: 0;
padding: 5px 0 10px 0;

[Matsaki]

Originally posted by guran@Jan 11 2005, 02:26
Syntaxen är enligt följande

padding: 5px; (alla sidor)
padding: 5px 5px; (top/bottom right/left)
padding: 5px 5px 5px; (top right/left bottom)
padding: 5px 5px 5px 5px; (top right bottom left)

En annan sak: Värden som är 0 behöver inte ha någon typ. T.ex. 0px behöver bara anges 0. Exempel:

padding: 0;
padding: 5px 0 10px 0;

Ok jag fattar. Men sen om det är "margin" eller "border" tex. måste dom komma tex före eller efter ditt förslag?

Så här ser en av mina CSS ut i dag:

[color=blue]td.newmembersbox
{
margin: 0px;
padding: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
border-style: solid;
border-color: #000000;
border-width: 1px;
background-color: #FFC700;
width: 116px;
}

Sen undar jag om såna här coola saker kan göras om och godkänas utav W3C:

[color=blue]body
{
scrollbar-face-color:#FF6F00;
scrollbar-highlight-color:#FD8F3B;
scrollbar-3dlight-color:#6F5F4F;
scrollbar-darkshadow-color:#6F5F4F;
scrollbar-shadow-color:#DB6102;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#FFC700;
background-attachment: fixed;
background-image: url(images/bgr2.gif);

Om du titar på min sajt så har alla boxar mellanrum. Dom flesta rätt antal px (5px) tror jag. Vad är det som gör dom mellanrumen? det är inte i CSS iaf, men vad är namnet på den taggen som gör dom? spacing nånting kanske? (Har problem med dom)

Vad ska man göra med alla <embed> taggar som tes flash banners har som sen W3C klagar på? Och hur får man en flash banner "href" så att sökmotorer kan indexera den?

Är det ute med tables nu och div som gäller?

Såja, nu börjar det bli lite för myclet frågor

[guran]

Det har ingen betydelse i vilken ordning du lägger dina attribut inom t.ex. en klass.

Det exempel jag gav för padding gäller även för margin. Ett förkortat skrivsätt för border är enligt

border: 1px solid red; ([ramens bredd] [ramens utseende] [ramens färg];

En sak med Cascading Style Sheet är att sista kommandot är det som gäller. Det är det som avses med att de kommer i kaskad. Prioritering är:

1. Webbläsarens inställningar
2. Länkade inställningar
3. Inbäddade inställningar
4. Inställningar på en enskild html-tagg

Det innebär att om du har t.ex. <td style="color: red"> så kommer den inställningen gälla före alla andra. Det innebär att du i den länkade inställningen (separat fil) kan ha td {color: green;} och vill du att bara en enda td ska ha textfärgen röd så anger du <td style="color: red;">. Alla td har färgen grön utom just den som du angav specifikt att den skulle ha röd.

Detsamma gäller för din kod nedan. Det som är sist angivet gäller. Jag ger några kommentarer inom parentes:

td.newmembersbox
{
margin: 0px; (ställer att sidor till 0. Typ behöver inte anges)
padding: 0px; (här ställer du alla sidor till 0)
padding-top: 5px; (här ändrar du padding top från 0 till 5px)
padding-bottom: 5px; (här ändrar du padding bottom från 0 till 5px)
padding-left: 5px; (här ändrar du padding left från 0 till 5px)
border-style: solid;
border-color: #000000;
border-width: 1px;
background-color: #FFC700;
width: 116px;
}[COLOR=blue]

De attribut du använder för att ändra färg på skrollister m.m. är inte standard CSS. De är specifika för IE. Det medför att du troligen inte kan få din sida 100 % validerad.

[Matsaki]

Tack guran,

Men jag hittar fortfarande inte VART i min sajt som gör avståndet mellan alla olika boxar/tables till ca: 5px

och letar vidare efter problemen:

Vad ska man göra med alla <embed> taggar som tes flash banners har som sen W3C klagar på? Och hur får man en flash banner "href" så att sökmotorer kan indexera den?

Är det ute med tables nu och div som gäller?

Sen alla saknade alt= taggar som W3C klagar på. (oftast på en massa spacer images) är det ok att bara göra alt="" för att slippa klagomålen?

[Robert]

Originally posted by Matsaki@Jan 11 2005, 17:18
Tack guran,

Men jag hittar fortfarande inte VART i min sajt som gör avståndet mellan alla olika boxar/tables till ca: 5px

och letar vidare efter problemen:

Sen alla saknade alt= taggar som W3C klagar på. (oftast på en massa spacer images) är det ok att bara göra alt="" för att slippa klagomålen?

Ja du kan (ska) ha en tom alt-property där, även ur accessabilitysynpunkt så ska du ha alt="" för bilder som saknar betydelse för den handikappade; detta tas det hänsyn till i de anpassade webläsarna.

[Robert]

Originally posted by Matsaki@Jan 11 2005, 17:18
Men jag hittar fortfarande inte VART i min sajt som gör avståndet mellan alla olika boxar/tables till ca: 5px

Ä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>

[guran]

Originally posted by Matsaki@Jan 11 2005, 10:58
Är det ute med tables nu och div som gäller?

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.