Lyd mitt råd. Gör om gör rätt.
Du kan säkert minska din kod med 80% om du skippar alla dessa tabeller och gör en design i css istället.
mv icaaq
13 svar · 361 visningar · startad av ade
Hejsan. Har gjort en sida som är uppbyggd utav tabeller. På vänster och högersida har jag var sina tabeller som är 25px bred och lika hög som layouten. Den tabellen innehåller sedan en bakgrundsbild som företaställer en skugga. Sedan så slutar dom 2 smala vertikala tabellerna innan tabellen i emellan dom slutar. Se bifogad bild så kande det underlättar :) .
Så här ser koden ut.
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="25" rowspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="25" height="961" valign="top" background="bg_lft.gif"></td>
</tr>
</table></td>
<td height="129" colspan="5" valign="top"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="650" height="129" valign="top"><img src="toppbild2.gif" width="650" height="129"></td>
</tr>
</table></td>
<td width="25" rowspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="25" height="961" valign="top" background="bg_rgt.gif"></td>
</tr>
</table></td>
</tr>
<tr>
<td width="130" height="32" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="border-right: 1px solid grey; vertical-align: middle" width="130" height="32" background="menu_bg.gif"><div align="center"><a href="index.htm" onmouseover="window.status=''; return true" class="meny">Hem</a></div></td>
</tr>
</table></td>
<td width="130" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="border-right: 1px solid grey; vertical-align: middle;" width="130" height="32" background="menu_bg.gif"><div align="center"><a href="tjanster.htm" onmouseover="window.status=''; return true" class="meny">Tjänster</a></div></td>
</tr>
</table></td>
<td width="130" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="border-right: 1px solid grey; vertical-align: middle;" width="130" height="32" background="menu_bg.gif"><div align="center"><a href="applikationer.htm" onmouseover="window.status=''; return true" class="meny">Applikationer</a></div></td>
</tr>
</table></td>
<td width="130" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="border-right: 1px solid grey; vertical-align: middle;" width="130" height="32" background="menu_bg.gif"><div align="center"><a href="referenser.htm" onmouseover="window.status=''; return true" class="meny">Referenser</a></div></td>
</tr>
</table></td>
<td width="130" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="vertical-align: middle;" width="130" height="32" background="menu_bg.gif"><div align="center"><a href="kontakta.asp" onmouseover="window.status=''; return true" class="meny">Kontakta</a></div></td>
</tr>
</table></td>
</tr>
<tr>
<td height="800" colspan="5" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="20" height="24"></td>
<td width="611" bgcolor="#FFFFFF"></td>
<td width="19"></td>
</tr>
<tr>
<td height="22"></td>
<td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="vertical-align: middle; padding-left: 10px; border-left: 1px solid #A9B8C2; border-right: 1px solid #A9B8C2;" width="611" height="22" background="top_bg.gif"><font color="#445588" size="1" face="Verdana, Arial, Helvetica, sans-serif">Referenser</font></td>
</tr>
</table></td>
<td></td>
</tr>
<tr>
<td height="112"></td>
<td valign="top"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
Säg till om ni behöver mer kod. Detta är bara en tredjedel utav all kod som finns på sidan.
Tacksam för svar!
Lyd mitt råd. Gör om gör rätt.
Du kan säkert minska din kod med 80% om du skippar alla dessa tabeller och gör en design i css istället.
mv icaaq
fattar inte riktigt, vad vill du ha svar på eller frågar om...?
Du kan säkert minska din kod med 80% om du skippar alla dessa tabeller och gör en design i css istället.
Jaha men var det inte en tabellfråga som ställdes inte alternativ på hur det kan göras?
shadeofpale skrev:
fattar inte riktigt, vad vill du ha svar på eller frågar om...?
Du kan säkert minska din kod med 80% om du skippar alla dessa tabeller och gör en design i css istället.
Jaha men var det inte en tabellfråga som ställdes inte alternativ på hur det kan göras?
Men om du frågar hur man blandar cement med en kaffebryggare? Ska man då inte påpeka att det är fel sätt att blanda cement på?
mv icaaq
*Orka gå genom all den koden*
Dagens tips i tabell-nästlande: sätt "border=1" under utväcklingsfasen.
Men om du frågar hur man blandar cement med en kaffebryggare? Ska man då inte påpeka att det är fel sätt att blanda cement på?
Jovisst eftersom du inte kan blanda TILL cement i en kaffebryggare men väl i en hushållsassistent.
Om nu frågan är om tabeller - Skall vi väl hålla oss där?
Om jag skulle ställa en fråga om att min Volvos torkarspolning fungerar dåligt i minusgrader. Vill jag inte ha ett svar som "Köp en SAAB istället"
shadeofpale skrev:
Men om du frågar hur man blandar cement med en kaffebryggare? Ska man då inte påpeka att det är fel sätt att blanda cement på?
Jovisst eftersom du inte kan blanda TILL cement i en kaffebryggare men väl i en hushållsassistent.
Om nu frågan är om tabeller - Skall vi väl hålla oss där?
Om jag skulle ställa en fråga om att min Volvos torkarspolning fungerar dåligt i minusgrader. Vill jag inte ha ett svar som "Köp en SAAB istället"
Nej, jag hade då ifrågasatt uppbyggnaden av torkarspolningens annordning. och bett volvos reparatörer att:
GÖRA OM, GÖRA RÄTT
i väntan på att ade kommer in i disskusionen igen så hänvisar jag till frankof´s utmärkta felsökningsmetod. med en liten css-vink.
[red]
<style type="text/css">
<!--
table
{
border: solid 1px #000;
}
-->
</style>
[/red]
eller att man använder web developer i FF och outliner block-elements ;)
mv icaaq
/red. Avslutade style-blocket.
i väntan på att ade kommer in i disskusionen igen så hänvisar jag till frankof´s utmärkta felsökningsmetod. med en liten css-vink.
ok då en liten css... :r
shadeofpale skrev:
Om jag skulle ställa en fråga om att min Volvos torkarspolning fungerar dåligt i minusgrader. Vill jag inte ha ett svar som "Köp en SAAB istället"
Det är mitt svar :P (jobbar på volvo som el-justerare, fast saab var väl lite att ta i ;) )
*smackar till "icaaq" i pannan* det är konstruktörena du skall säga till :P
(jobbar på volvo som el-justerare, fast saab var väl lite att ta i
nja tycker inte det. Men det blir ju en helt annan ny tråd om vi skall gå vidare i jmfr mellan bilar. §e
Men som icaaq påpeka om ade.
Var har ade tragit vägen och vilket problem har han egentligen med tabellen?
edit:
tabellfel skall väl ändå rubriken vara och inte tabell fel?
shadeofpale skrev:
(jobbar på volvo som el-justerare, fast saab var väl lite att ta i
nja tycker inte det. Men det blir ju en helt annan ny tråd om vi skall gå vidare i jmfr mellan bilar. §e
Varför? jag jobbar med skiten, finns inget att gämnföra ;)
Jag har löst det hela på egen hand genom att ta bort en tabell som förstörde allt!
icaaq, jag gillar inte att köra via css trots att jag vet att det är bättre.
Tack ändå!
Ett tips för debugging (använd mozilla eller opera):
* { -moz-outline: 1px dotted red; outline: 1px dotted red; }
Border påverkar layouten, det gör inte outline... :)
Tack för ditt tips!