Tabellkrångel (HTML)

[Cheeserica]

Nu har jag ett problem som jag inte lyckats lösa. Titta på den här bilden:
Hemsida

Problemet ligger i de två vita cellerna. Båda cellerna har 640 pixlar som bredd, inga problem där. Den nedre cellen har jag definierat som 35 pixlar hög, vilket den uppenbarligen inte är. Den övre cellen har ingen höjd för tanken är att den ska ta resterande höjd. Har även provat att sätta noll som höjd på den men inget fungerar!

Någon som vet vad som är fel? Det kanske inte ens går att göra såhär, dvs sätta en cell i mitten sådär utan dimensioner..? Väldigt irriterande. Kan man lösa det på något annat sätt?

/Erica

 

[moiran]

skriv ut tabell-koden här så kan jag titta på det (mitt mozilla vill inte visa din kod).

 

[SweetMelody]

Jag tror att du måste bestämma höjden på den övre tabellen. Det är bara att se hur stora de är ihop, dra ifrån 35 och så sen har du höjden på den övre

 

[saddleman]

Vad håller du på med? Alltihop är ju en jpeg-bild, det finns ingen kod. Välj spara som .html istället för .jpg när du sparar det du skrivit.

 

[nilema]

Kan inte heller få fram koden då du har den som bild.


Tror inte det går utan att definera att den övre ska vara tex. 150 px. Det är lättare att ha den övre ex 50 px och sedan låta restern vara utan höjd.

 

[ScissorHands]

hhmm.. du har ju tagit en skärmdump över din hemsida, det vore bättre om du la upp den eller bara själa koden så att vi kunde titta på den och se vad som är fel.

 

[Elftor]

Vad håller du på med? Alltihop är ju en jpeg-bild, det finns ingen kod. Välj spara som .html istället för .jpg när du sparar det du skrivit.

Äh.... är det här ett skämt?
Eller formulerade du dig bara lite konstigt?

 

[nilema]

Det hon har lagt ut är en bild (.jpg) därför har "vi" ingen möjlighet att gå in och kolla koden och se vad som är fel och ev. ge förslag på åtgärd

 

[Elftor]

Det hon har lagt ut är en bild (.jpg) därför har "vi" ingen möjlighet att gå in och kolla koden och se vad som är fel och ev. ge förslag på åtgärd

Ja, och det är ju förstås så att hon lagt ut bilden för att hon inte vill att ni ska sno hela koden, eller något motsvarande motiv.

Det jag reagerade på var "Välj spara som .html istället för .jpg när du sparar det du skrivit.", det låter som om han inte riktigt förstod att hon faktiskt tagit en omväg för att spara det hela som en bild.

Jag skulle vilja se den texteditor som klarar av att spara html i .jpg-format.

 

[Cheeserica]

Haha.... Vilket himla kaos! Tack Elftor för att du kommer till undsättning! Riktigt så korkad att jag inte förstår att det var en bild och inte en hemsida är jag inte...

Anledningen till att jag valde att ta en skärmdump istället för att ge en länk till en sida var att koden är lite för stökig för att ni ska kunna se vad jag gjort. Koden till menyn är något alla programmerare skulle gråta över... Det var därför jag istället skrev i texten vad jag angett i koden.

Här är en rensad kod som visar enbart det som berör tabellerna.

Code:
<table width="750" cellpadding="0" cellspacing="0">
<tr>
<td height="110" colspan="2"><p><img src="../images/banner2.jpg" width="750" height="110"></p></td>
</tr>
<tr>
<td width="110" rowspan="3">Meny</td>
<td width="640">Övre cell</td>
</tr>
<tr>
<td width="640" height="35">Undre cell</td>
</tr>
</table>

Ser nu att det står rowspan 3 vilket jag inte riktigt förstår (det är Dreamweaver som lagt in det) men när jag ändrade till 2 blev det ändå ingen skillnad så det kan inte vara problemet.

Det enda jag kan tänka ut som lösning är att det faktiskt inte GÅR att göra såhär?

/Erica

 

[Cheeserica]

Saken är att det jag håller på att jobba med är en mall. Alltså kan jag inte definiera höjden på cellen i mallen utan det måste kunna ändras på varje sida. Det är en praktisk omöjlighet att behöva gå in och skriva höjden på cellerna varje gång jag gör en ny sida. :smirk:

Den nedre cellen hade jag bara tänkt använda till att lägga in en anteckning om "senast ändrad" och datum, eftersom jag vill att detta ska finnas med på varje sida men vill slippa klistra in det varje gång. Hade varit bra om det gick att lösa, annars är det ju en löjligt dum begränsning i HTML! Men funkar det inte får jag väl leva med att behöva klippa och klistra ändå.

/Erica

 

[moiran]

som du säger ska rowspan vara 2, men det gör ju ingen skillnad för just det här problemet. dock rendrerar mozilla sidan så som är tänkt. bara ie som det blir knasigt i.

och ja, det är en begränsning i html att inte kunna ha variabel vidd i tabeller. html är ett statiskt språk. du kan lösa problemet för även ie genom ett litet javascript och css, det vet jag att jag fått göra förr, men det finns säkert andra lösningar också. dock måste du nog "fulhacka" dig fram istället för att lösa det med ren html.

men om du nu gör en mall där du ändå manuellt måste ändra storleken på den undre ramen för varje sida gör det väl inget om man samtidigt måste ändra storleken för den övre manuellt?

 

[moiran]

tror jag förstod nu vad du försöker åstadkomma nu, förresten.

du vill ha den där anteckningen längst ned i den vita rutan hur mycket/litet text som än skrivs? då tror jag att den enda lösningen för en html-sida är just ett sött litet javascript.

 

[Cheeserica]

Texten i den nedre cellen kommer vara lika lång varje gång, det kommer bara stå "Senast ändrad 2003-11-16" t.ex. Alltså vet jag hur mycket plats det kommer behövas (25-35 pixlar är ungefär lagom, har inte kunnat få det att fungera så jag kunnat testa och se).

Titta t.ex. på den här sidan:
http://rabdol.dyndns.org/~mokkur/
Där använder jag en mall varje gång jag vill göra en ny sida, väldigt smidigt. Ni ser nog vilken del som ändras på varje sida. Här har jag ju inte bestämt någon höjd på cellen i mallen utan den ändras och bestäms först när jag sparar de individuella sidorna. Där lägger jag manuellt in datumet varje gång jag gör en ny sida.

Nu tänkte jag vara lat och lägga in det i en fast "osynlig" cell längst ner på sidan. Här får jag problemet att höjd-propertyn flummar ur totalt.

Hrm, det känns som att det är helt omöjligt att försöka beskriva allt nedskrivet. Man skulle ha en privat rådfrågare!

/Erica

 

[Cheeserica]

Nu har jag lagt ut den så att ni kan klicka och se själva:
http://rabdol.dyndns.org/~erica/fors/test.htm
Testa att klicka på menyn. Den är inte länkad till några sidor ännu men den är utfällbar och ändrar därför höjden på sidan. När menyn vecklas ut så ändras höjden på cellen längst ner, inte särskilt snyggt... :smirk:

Jämför med den här, där har jag struntat i att lägga in någon exta cell längst ner och där fungerar allt:
http://rabdol.dyndns.org/~erica/fors/garden.htm

/Erica

 

[moiran]

din meny fungerar inte i mozilla/netscapet/etc, men det är du kanske medveten om?

jag fattar vad du menar och vad du är ute efter. lättast är helt enkelt att göra ett litet javascript som styr cellernas höjd vid sidans laddning.

sen kan du ju fulhacka och bara ha en cell där det vita är, och sen lägga en tabell med bara en enda cell längst ned på sidan i mallen där "senast ändrad"-grejen är, förstår du hur jag menar?

 

[ScissorHands]

oj..jag tappade bort mig alldeles i vad du försökte göra nu.. iallfall så kan jag skänka bilder ifrån när jag var där å red en gång
sida med bilder inga toppen bilder precis, tagna med mindigitalkamera av näst-billigaste varianten.

 

[Cheeserica]

Nu orkar jag inte bråka om det längre och löste saken genom att inte göra hela cellen till ändringsbart område utan endast en del av den (och la datumet under). Ser likadant ut och var hundra gånger mindre krångligt... :smirk: Tyckte bara att det var underligt att det gick att göra som jag gjort i min första sida i HTML men inte med den andra fastän det är i princip samma sak.

Angående menyn så hade jag inte riktigt orkat fundera så långt ännu... Jag använder även css för designen och är medveten om att vissa saker inte fungerar i Netscape och Mozilla. Det får mig bara att HATA Netscape och Mozilla, varför är det så svårt att anpassa webläsarna när det utvecklas nya saker på internet?!?

Finns det någon bättre lösning än att använda en sådan meny som jag har? Om inte så funderar jag på att strunta i att vissa inte kan se den. Titta t.ex. på Bukefalos besökarstatistik:
http://extremetracking.com/open;sys?login=bukefalo

Webläsaranvändandet ser ut som följande: Netscape 2.17% - MSIE 97.74% - Other 0.06%
Varför ska 2.23% få förstöra användarvänligheten för resterande 97%? Jag blir riktigt upprörd, det är så löjligt av Netscape att inte följa de standarder som borde gälla!

/Erica

 

[moiran]

haha...

det är ju ie som inte följer standarden... :smirk:

men jag kan hålla med om att det är hemskt jobbigt att det inte fungerar likadant i alla webbläsare. men det är rätt lätt att bygga en sådan meny du har så det funkar precis lika bra i alla webbläsare. du får googla lite.

(det är ju lite dumt om inte menyn (som ju är det som gör att man kan använda sidan över huvud taget) inte funkar alls för 3% av besökarna, då är det bättre att du sorterar ut mozilla/netscape-browsarna och låter dem få se nån ful-meny så att de ändå kan använda sidan även om det inte blir lika snyggt för dem)

 

[Cheeserica]

Nej, det är inte IE som inte följer standarden. Det är Netscape som fått för sig att de inte velat ansluta sig till den enda försök till en standard som finns, dvs CSS. Det har väl ändå grävt sig egen grav rejält djup nu... :smirk:

Man lägger naturligtvis upp en text på hemsidan: "Du som är Nescape-användare är så dum i huvudet så du får inte se den här sidan. Kom tillbaks när du laddat ner IE!" Sådär lagom service-minded...

du får googla lite.

Vad du är hjälpsam... *gnäller* Nej, men ärligt talat har jag ingen aning om vad jag ska söka på!

/Erica