Problem med <table> *aarrrgh*

martinsson · Post by **martinsson** » 2003-04-14 13:49:32

Nu har jag slitit mitt hår i ett antal timmar någon som kan komma till räddning?...
Mitt problem är tydligt beskrivet på denna sida...

http://www.antiklimax.com/help.html

mkk · Post by **mkk** » 2003-04-14 14:16:32

ColSpan och RowSpan är kavalleriet som kommer till undsättning.

Exempelvis fältet med loggan behöver ColSpan=3 och menyn till vänster liksom fältet till höger behöver RowSpan=3. Inom <TD> taggen.

martinsson · Post by **martinsson** » 2003-04-14 14:24:01

nja.. det värsta är ju att jag har just det... (om inte ngt blivit fel nu)

lither · Post by **lither** » 2003-04-14 15:10:29

Gjorde en ny, snabb variant. Efterforskar problemet...

Code: Select all

<html>
<head>
<title></title>
<meta content="text/html">
</head>
<body>
<center>
<table width="750" border="0" cellspacing="0" bgcolor="#F4F4F4" style="border-left: 1px solid grey; border-right: 1px solid grey; border-collapse:collapse" bordercolor="#111111" cellpadding="0">
<tr>
<td width="100%" height="100" colspan="3" class="logga" bgcolor="#FFFF00">
<div align="center">Här är loggan</div>
</td>
</tr>
<tr>
<td width="100" valign="top" class="MENY" rowspan="3" bgcolor="#800080">
Massa meny<br><br>
<form name="snabbsok" action="index.php?avd=sok&sek=sok" method="post">
<input name="sok" value="true" type="hidden">
&sökruta</form></td>
<td width="500" height="20" bgcolor="#FF00FF">
<center>Denna ska vara 20px hög
</center></td>
<td width="100" valign="top" class="BANNERS" rowspan="5" bgcolor="#0000FF">
<div align="center">
<br><br>
Massa bilder...</div>
</td>
</tr>
<tr>
<td valign="top" class="MAIN" width="500" height="100%" bgcolor="#008000">
Denna ska vara *px hög... alltså det som blir mellan den övre och 
den undre när de är 20px: höga<br><br>
Den text som är här nu vidgar ut sig i den TD som den jobbar med just nu.<br><br>
Alltså, desto mer du skriver, desto mer utvidgar den sig... tralalala!</td>
</tr>
<tr>
<td height="20" class="BOTTOM" bgcolor="#FF0000">
<div align="center">
Denna ska vara 20px hög</div>
</td>
</tr>
</table>
</div>
</center>
</body>
</html>

martinsson · Post by **martinsson** » 2003-04-14 15:41:25

det där ser ju ut att fungera bra ja...
toppen bra....

edit:

hmm nu ljög jag visst...
om det är mer text/bild i ruterna till höger/vänster om mitten rutan så ändras höjden på de rutor som skulle vara 20px...
sådeles fungerar det ändast när innehållet i mittenrutan tar mer plats en de på sidorna, vilket inte alltid är fallet, varav mitt problem kvarstår ...

---
kan ju tillägga att innan har jag löst det med att ha en till <table>... </table>
där -->
________________
|_______________|
|...|................. |.....|
|...|....här.........|.....|
|...|..................|.....|
|__|________|___|

men det fungerade inte i alla webbläsare så jag övergav den lösningen... men går det kanske att lösa det så också?....

jag har då ungefär så här:

Code: Select all

<table height="100%">
 <tr>
  <td height="20">
  </td>
 </tr>
 <tr>
  <td>
   här ska då återsående **px vara
  </td>
 </tr>
 <tr>
  <td height="20">
  </td>
 </tr>
</table>

men som sagt det fungerar bara som jag vill i IE... :-\

lither · Post by **lither** » 2003-04-14 16:15:28

martinsson wrote:det där ser ju ut att fungera bra ja...
toppen bra....

edit:

hmm nu ljög jag visst...
om det är mer text/bild i ruterna till höger/vänster om mitten rutan så ändras höjden på de rutor som skulle vara 20px...
sådeles fungerar det ändast när innehållet i mittenrutan tar mer plats en de på sidorna, vilket inte alltid är fallet, varav mitt problem kvarstår ...

Har du testat att läsa det med en bättre webbrowser som Opera eller Mozilla?

thr · Post by **thr** » 2003-04-14 16:46:33

lr så lär man sig använda css, css über alles.

martinsson · Post by **martinsson** » 2003-04-14 17:18:42

lither wrote:
martinsson wrote:det där ser ju ut att fungera bra ja...
toppen bra....

edit:

hmm nu ljög jag visst...
om det är mer text/bild i ruterna till höger/vänster om mitten rutan så ändras höjden på de rutor som skulle vara 20px...
sådeles fungerar det ändast när innehållet i mittenrutan tar mer plats en de på sidorna, vilket inte alltid är fallet, varav mitt problem kvarstår ...
Har du testat att läsa det med en bättre webbrowser som Opera eller Mozilla?

Ja det har jag.. det är egentligen där problemen uppstår, det fungerar inte i dessa läsare så som jag tänkte mig. Det fungerar för tillfället bara i IE på det viset jag tänkt mig, därför försöker jag hitta en lösning till mitt problem, så att man kan använda valfri browser. Kan en hel del css, men inget som mig veteligen kan lösa mitt problem...

lither · Post by **lither** » 2003-04-14 22:43:50

thr wrote:lr så lär man sig använda css, css über alles.

Tror inte det hjälper särskilt mycket, i detta fallet. Men det kan ju vara värt att veta.

thr · Post by **thr** » 2003-04-14 23:40:33

lither wrote:
thr wrote:lr så lär man sig använda css, css über alles.
Tror inte det hjälper särskilt mycket, i detta fallet. Men det kan ju vara värt att veta. ;)

inte? dumpa tables, kör css.

Oni · Post by **Oni** » 2003-04-14 23:42:02

Personligen skulle jag ha byggt ihop det där med ett frameset, men det beror ju helt på hur du hade tänkt styra innehållet.

thr · Post by **thr** » 2003-04-14 23:43:01

Oni wrote:Personligen skulle jag ha byggt ihop det där med ett frameset, men det beror ju helt på hur du hade tänkt styra innehållet.

lol
framset.

Oni · Post by **Oni** » 2003-04-14 23:47:26

Jag är visst jävligt kul idag.
2:a "lol" som respons på mindre än 3 minuter. Fantastiskt.

thr · Post by **thr** » 2003-04-14 23:54:41

Oni wrote:Jag är visst jävligt kul idag.
2:a "lol" som respons på mindre än 3 minuter. Fantastiskt.

framset är föråldrat, dåligt, suger.

Oni · Post by **Oni** » 2003-04-15 0:18:03

thr wrote:framset är föråldrat, dåligt, suger.

Ja, föråldrat må det vara, men du får gärna utveckla "suger"-biten en smula. Om du har lust att slösa energi på en web-nolla som mig förstås.

Jag skrev ett förslag på vad jag skulle gjort, ingenting annat.

lither · Post by **lither** » 2003-04-15 11:53:21

Oni wrote:
thr wrote:framset är föråldrat, dåligt, suger.
Ja, föråldrat må det vara, men du får gärna utveckla "suger"-biten en smula. Om du har lust att slösa energi på en web-nolla som mig förstås.

Jag skrev ett förslag på vad jag skulle gjort, ingenting annat.

Oni: Håller stenhårt med dig där.
thr: Att jag slösar tid på att klaga på andra som kallar det för framset istället för frameset är ju en annan sak...

Men istället för att ödsla massa tid på att berätta hur dåligt framesets nu verkar vara (enligt mig så hör det till en av de viktigtaste delarna när det gäller HTML, och nu gäller det HTML!) så borde du till att börja med kanske hjälpa istället för att skälpa, eller iaf försöka, sen skapa en ny tråd, topic "framesets suger", och SEN bevisa hur dåligt det är..

Du kommer inte långt, i detta fallet, när han verkas vilja köra tables istället för CSS. Du kan väl säga HUR han ska använda CSS i detta fallet. T.o.m. jag fattar inte en endaste bit hur CSS ska hjälpa honom i detta fallet.

Men visst, vinner du tid och kärlek genom att skriva "lol framset" så visst, det går bra för mig, men inte när det inte gör så mycket nytta.

Annars, martinsson, så skulle jag föreslå ett litet tips. Om du nu inte redan löst problemet, så skulle du kunna göra en bit för loggan, sen en enda stor <TR> för delen under loggan, och skippa de där 20pixlarna. Eller vad ska vara just där? Någon slags banner?

martinsson · Post by **martinsson** » 2003-04-15 12:27:04

Hmm,, funderar lite på hur man skulle kunna lösa det med css på ett smidigt sätt.. Man skulle ju kunna köra med lager som är absolut positionerade, men det skulle skita sig eftersom höjden på lagerna måste varieras med innehållet, och då måste även den "absoluta" positioneringen variera och då börjar det bli jobbigt... Sen finns det ju något som kallas relative positionering, men det är jag inte så hajj på hur det fungerar.

Om du kikar lite på http://www.antiklimax.com/jam/hemligt/ så framgår det kanske lite tydligare varför de ska vara 20px, som det är där nu så har jag den första lösningen med en till <table> i en <td> med det ger ungefär samma resultat i Opera mm.... (obs, sidan i fråga är långt i från klar...)

thr · Post by **thr** » 2003-04-15 13:40:00

martinsson du är på rätt väg iaf.

stealth · Post by **stealth** » 2003-04-15 13:45:52

lither wrote:
Oni wrote:
thr wrote:framset är föråldrat, dåligt, suger.
Ja, föråldrat må det vara, men du får gärna utveckla "suger"-biten en smula. Om du har lust att slösa energi på en web-nolla som mig förstås.

Jag skrev ett förslag på vad jag skulle gjort, ingenting annat.
Oni: Håller stenhårt med dig där.
thr: Att jag slösar tid på att klaga på andra som kallar det för framset istället för frameset är ju en annan sak...

Men istället för att ödsla massa tid på att berätta hur dåligt framesets nu verkar vara (enligt mig så hör det till en av de viktigtaste delarna när det gäller HTML, och nu gäller det HTML!) så borde du till att börja med kanske hjälpa istället för att skälpa, eller iaf försöka, sen skapa en ny tråd, topic "framesets suger", och SEN bevisa hur dåligt det är..

Du kommer inte långt, i detta fallet, när han verkas vilja köra tables istället för CSS. Du kan väl säga HUR han ska använda CSS i detta fallet. T.o.m. jag fattar inte en endaste bit hur CSS ska hjälpa honom i detta fallet.

Men visst, vinner du tid och kärlek genom att skriva "lol framset" så visst, det går bra för mig, men inte när det inte gör så mycket nytta.

Annars, martinsson, så skulle jag föreslå ett litet tips. Om du nu inte redan löst problemet, så skulle du kunna göra en bit för loggan, sen en enda stor <TR> för delen under loggan, och skippa de där 20pixlarna. Eller vad ska vara just där? Någon slags banner?

w3 standarden vill nuförtiden att man ska köra CSS istället för Tables, det anser jag med, och Thr tydligen. Det finns span och div taggar som ersätter tables istället.

thr · Post by **thr** » 2003-04-15 13:53:30

lither, om du inte har någon aning om vad som kan göras med css och <div>/<span> så bör du inte utala dig om vad html i dagens läge är.

http://www.warcraftsverige.com/wcs/
den designen är gjord helt i css (jag vet att den buggar i mozilla/opera, har inte orkat fixxa det än)

martinsson · Post by **martinsson** » 2003-04-15 13:55:50

Någon som känner sig manad att visa hur man i mitt fall löser detta med CSS? (Får inte riktigt till det själv)

mirza* · Post by mirza* » 2003-04-15 14:03:20

thr, den designen använder också tabeller

Att man slutat använda background="bajs" och istället kör med style="background-image:url('bajs');" är inget att skryta med...

Jag brukar försöka undvika tabeller till layouten, men tänker inte tvinga någon av er att göra samma sak... att göra en likadan design med css, divvar hit och dit kan vara tufft... so here you go

edit, martinsson, detta funkar exakt som jag har tänkt mig att du har tänkt dig i mozilla... kompensera för internet explorer- och operabuggarna får du göra själv

thr · Post by **thr** » 2003-04-15 14:05:29

Mirza* wrote:thr, den designen använder också tabeller :P

Att man slutat använda background="bajs" och istället kör med style="background-image:url('bajs');" är inget att skryta med...

Jag brukar försöka undvika tabeller till layouten, men tänker inte tvinga någon av er att göra samma sak... att göra en likadan design med css, divvar hit och dit kan vara tufft... so here you go

Jo men det är skillnad på att göra en hel design i tables och att använda det där det är 100ggr mer praktiskt :)

lither · Post by **lither** » 2003-04-15 17:12:01

thr wrote:lither, om du inte har någon aning om vad som kan göras med css och <div>/<span> så bör du inte utala dig om vad html i dagens läge är.

http://www.warcraftsverige.com/wcs/
den designen är gjord helt i css (jag vet att den buggar i mozilla/opera, har inte orkat fixxa det än)

Problemet är just att jag använder Opera i första hand, stabilare (odiskutabelt).

Sen att <span>/<div> jobbar på ett helt annat sätt, är fortfarande inte det vi diskuterar. Men visst, att gå över från tables till span och/eller div vore ju en ypperlig idé. Men förslagsvis så hade jag tanken att hjälpa martinsson med tables, i detta fallet...

I första hand så hade jag CSS i tanken som att det skulle förändra utseendet designmässigt, inte formmässigt, så därför fattade jag inte först hur det skulle hjälpa (ni får ursäkta min allmänt tröga skalle ibland..).

Men sitter man inte med alla kunskaper så tycker jag inte det är något som helst fel med att använda tables, eftersom div och span oftast misstolkas av många webläsare (se bara t.ex. mellan IE och Opera, eller Netscape och Mozille).

Sen, stealth, så har jag aldrig hört talas om att w3 standarden föredrar CSS framför tables, men så kan det säkert vara. Men då förstår jag inte varför w3 "skolor" inte lär ut det i första hand, istället för tables som verkar vara en större kurs, enligt dem. Upp till dig att bedöma.

Ett sista hytt med finger: Får man fram en lösning på problemet i CSS, så är det inte så mycket mer att diskutera.

thr · Post by **thr** » 2003-04-15 18:01:11

lither, det står i W3C 'stadgarna' att tables är för information som orndas i tabeller (föreslagsvis databas/kalkyler) och att CSS är det som ska och bör användas.

Problem med <table> aarrrgh

Problem med <table> aarrrgh