Tabeller med grafikkanter/hjørner

et meget godt forlag ville være at kigge på www.html.dk

der kan du i hvert fald finde svar på mange af de grundlæggende ting i html

superior >> læs lige mit spm. igen. Jeg kan html til tænderne og har kodet html siden 1995. Jeg behøver ikke kihhe på www.html.dk

Oh, det kom måske til at lyde lidt bidsk, men for lige at slå det fast, leder jeg ikke efter en intro til html, men en hjælp til hvordan jeg laver boxe med grafikkanter og hjørner.

nil.dk

Jeg plejer at slice det op og benytte det enten som baggrundsbillede i en celle/tebel, eller jeg plejer at lægge billedet direkte ind i cellen/tabellen afhængig af hvad det er, der skal laves. Man kan f.eks. beskære et billede af linier, ikke mere end et par px i bredden/højden, og benytte det som baggrund. Du siger, at det også er det du har gjort?

okay - jeg ville lave en celle for hver enkelt element, der skal være et image i...
Hvis du så eksempelvis har et backgroundimage nogle steder, ville jeg proppe disse ind i en tabel i en celle..
Det er lidt svært at forklare, uden at kunne se hvad du skal bygge op....
Omvendt: Hvis du er en haj til html og har hele kildekoden v.h.a. Fireworks, kan du vel blot rense ud i den kode

Her er en kode til at lave en tabel, som er klar til dit formål:

<!----------------------------------TABEL------------------------/>
<table cellspacing="0" cellpadding="0" border="1">
<tr>
<td width="20"><img src="pix.gif" border="0" width="1" height="1"></td>
<td width="150" height="20"><img src="pix.gif" border="0" width="1" height="1"></td>
<td width="20"><img src="pix.gif" border="0" width="1" height="1"></td>
</tr>
<tr>
<td width="20"><img src="pix.gif" border="0" width="1" height="1"></td>
<td width="150" height="200">

INDHOLD

</td>
<td width="20"><img src="pix.gif" border="0" width="1" height="1"></td>
</tr>
<tr>
<td width="20"><img src="pix.gif" border="0" width="1" height="1"></td>
<td width="150" height="20"><img src="pix.gif" border="0" width="1" height="1"></td>
<td width="20"><img src="pix.gif" border="0" width="1" height="1"></td>
</tr>
</table>
<!----------------------------------TABEL------------------------/>


Jeg har sat border til 1, så du kan se, hvad der sker, og "kantcellernes" bredde og højde til 20px. Du vil med det samme kunne se, hvad der skal gøres.

gryn >> jeg skal skifte dine pix.gif ud med mine egne slicede tabelkanter?

Naaa... jooo... det kommer lidt an på, hvordan de ser ud. Kan du ikke lægge din "slamkode-version" ud på internettet, så kan jeg fortælle dig, hvordan det kan gøres mest optimalt.

gryn >> Tak for hjælpen.

Her er min kode som den endte med at være:

<table cellspacing="0" cellpadding="0" border="0">
  <tr>
    <td width="2"><img src="assets/gfx/bl_box_upperleft.gif" border="0" width="2" height="2"></td>
    <td width="150" height="2"><img src="assets/gfx/bl_box_horizontaltop.gif" border="0" width="150" height="2"></td>
    <td width="14"><img src="assets/gfx/bl_box_upperright.gif" border="0" width="14" height="2"></td>
</tr>
<tr>
    <td width="2"><img src="assets/gfx/bl_box_verticalleft.gif" border="0" width="2" height="200"></td>
    <td width="150" height="200" bgcolor="#CCCCCC"> INDHOLD </td>
    <td width="14"><img src="assets/gfx/bl_box_verticalright.gif" border="0" width="14" height="200"></td>
</tr>
<tr>
    <td width="2"><img src="assets/gfx/bl_box_lowerleft.gif" border="0" width="2" height="15"></td>
    <td width="150" height="15"><img src="assets/gfx/bl_box_horizontalbottom.gif" border="0" width="150" height="15"></td>
    <td width="14"><img src="assets/gfx/bl_box_lowerright.gif" border="0" width="14" height="15"></td>
</tr>
</table>

cut'n'paste rodede lidt i formateringen.. men mon ikke I kan se det :o)

Takker :-)