Tabeller og nettsider

[Gjest Starya]

Hva er å foretrekke med tabeller når man lager nettside, at den bestemmes med piksler eller prosent?

Jeg innbiller meg at om en setter en tabell med prosent (f.eks 95%) så vil det bedre tilpasse seg nettleserne uavhengig av hvilken oppløsning de bruker?

[Gjest Lea]

Jeg bruker begge deler.

Til menyen bruker jeg ofte piksler, fordi jeg er avghengig at at hele vises til enhver tid.

Når det gjelder celler til tekst o.l. så velger jeg ofte prosent.

Mao bruker jeg fast bredde på celler som jeg vil ha fast størrelse på og prosent på celler som skal tilpasse seg oppløsning.

Hele tabellen velger jeg som regel å bruke prosent på.

Eh.. ble litt komplisert dette.

[Gjest Starya]

Jeg bruker begge deler.

Til menyen bruker jeg ofte piksler, fordi jeg er avghengig at at hele vises til enhver tid.

Når det gjelder celler til tekst o.l. så velger jeg ofte prosent.

Mao bruker jeg fast bredde på celler som jeg vil ha fast størrelse på og prosent på celler som skal tilpasse seg oppløsning.

Hele tabellen velger jeg som regel å bruke prosent på.

Eh.. ble litt komplisert dette.

Du sier du bruker piksler på menyen, men prosent på hele tabellen. Mener du da at menyen er en egen tabell med piksler som er palssert i den med prosent? (Blir noe slikt jeg hadde sett for meg..)

[Gjest Lea]

Jepp!

Jeg er veldig flink til å bruke tabell i tabell i tabell

Altså.. jeg har en stor tabell som utgjør hele siden liksom.

Denne velger jeg ofte 98 eller 95 % på.

I venste kolonne setter jeg inn en ny tabell med menyen min. Denne setter jeg fast bredde og høyde på. Den skal se likt ut hos alle.

Hvis jeg bruker tabeller til å lage selve designet på siden, så gir jeg cellene med bilder (eller deler av bilder) fast bredde og høyde, slik at de henger sammen som de skal.

Selve redigeringsfeltet er en egen tabell som jeg bruker % på.

Er egentlig litt forvirret selv.

[Gjest Starya]

Joda, det høres ut til å være noe lignende som det jeg sysler med. Sånn cirka. *sysler videre*

[Crazee]

Du kan setje vidda på ei kolonne - det trengst ikkje setjast ein tabell inn i der igjen. Det blir bere masse unødvendig å rendre (tek litt kstra tid) og laste ned.

Altså, følgjande er ein vanleg metode:

<table width="95%">

<tr>

<td width="120">

Meny, 120 pikslar breid

</td>

<td>

Innhald

</td>

</tr>

</table>

Men - til layout er CSS mykje betre, mykje meir fleksibelt. Og så er det ein del hygelege "biverknadar"

[Gjest Starya]

Du kan setje vidda på ei kolonne - det trengst ikkje setjast ein tabell inn i der igjen. Det blir bere masse unødvendig å rendre (tek litt kstra tid) og laste ned.

Altså, følgjande er ein vanleg metode:

<table width="95%">

<tr>

<td width="120">

Meny, 120 pikslar breid

</td>

<td>

Innhald

</td>

</tr>

</table>

Men - til layout er CSS mykje betre, mykje meir fleksibelt. Og så er det ein del hygelege "biverknadar"

Jeg synes det er greit med en tabell for menyen, siden jeg har flere rader nedover der. Jeg har bannet mye når jeg har trengt å sette inn flere rader i en eksisterende celle.. Jada, jeg bruker frontpage. Jada, jeg skal prøve noe annet. Men det blir ikke aktuelt med det første.

Hva er CSS forresten?

[Crazee]

CSS: Cascading Style Sheets.

Du har eitt stilark (evt. fleire) som du kan bruka på fleire sider, og som fortel korleis ting skal sjå ut og plasserast. Det kan vera fontar, skriftstorleik, bakgrunnbilete, kor menyen skal plasserast, om du vil ha innhald i kolonner eller byggesteinar eller...

Det er så masse du kan gjera med CSS. Dersom du går til www.csszengarden.com så kan du sjå korleis nett same html-fil kan skifta totalt stil ved å bytte ut stilarket og grafikken.

(Og - det kan altså lønna seg å setja seg inn i CSS, på fleire måtar. Det er mange sider som kan gi deg opplæring i det.)

[Gjest Starya]

Akkurat. Høres glupt ut. Tror jeg må vente bittelitt med å sette meg inn i det uansett, hjernen kjører på overload som det er.

Men mens jeg husker det.. Jeg lurte på en ting om javascript..

Har prøvd å legge inn en sånn mouseover-greie. Har denne koden i Head

<SCRIPT LANGUAGE="JavaScript"><!---

  JavaSup = (document.images);

   

  if (JavaSup) {

   knapp1 = new Image();

   knapp2 = new Image();

   knapp3 = new Image();

   knapp1.src = "knapp1.gif";

   knapp2.src = "knapp2.gif";

   knapp3.src = "knapp3.gif";

  }

  function ChangePicture(pic, n) {

   if (JavaSup) { document.images[n].src = pic.src; }

  }

 // ---></SCRIPT>

Og denne der knappen skal være

<a href="nyside.html"

   onMouseover="if (JavaSup) { ChangePicture(knapp2, 0); }"

   onMouseout="if (JavaSup) { ChangePicture(knapp1, 0); }"

   onMousedown="if (JavaSup) { ChangePicture(knapp3, 0); }"

   onMouseup="if (JavaSup) { ChangePicture(knapp2, 0); }">

  <img src="knapp1.gif" border=0 width=150 height=50></a>

Når jeg kjører forhåndsvisning får jeg bare beskjed om kjørefasefeil, og at bilde-filene er udefinerte. Tips om hvor problemet kan ligge?

[Crazee]

Ikkje heilt sikker på dette, men:

knapp1 = new Image();

prøv å erstatt med

knapp1 = new Image(150,50);

og kanskje ein return false òg:

function ChangePicture(pic, n) { 


if (JavaSup) { document.images[n].src = pic.src; } 


return false


}

og når du kallar opp:

onMouseover="if (JavaSup) { return ChangePicture(knapp2, 0); }"

Sjå om det går. Om ikkje får eg prøve å studere det litt nærare.

[Gjest Starya]

Skal prøve det litt senere.

Har prøvd meg med litt ulike koder som jeg har funnet på nett, men ingen av de ser ut til å ville funke helt.