indrykning af tekst i tabel

sæt følgende ind i <table>:
cellpadding="7"
ret 7-tallet til det der passer bedst

det virker desværre ikke. den begynder at udvide hele designet således at tabellerne og rammerne ikke passer sammen..

kan du ikke gøre tabelllen tilsvarende smallere så...altså hvis tabel er 600 bred, så gør den cellpadding x antal kolonner smallere?

Brug padding-left stylet:

<td style="padding-left:20px;">

hej gertp.

hvordan ville det så ud når min kildekode ser således ud:

<tr><td background="menucolor.jpg" valign="top" width="198" height="184" alt="">
       
<strong>
Forside<br>
Sikhismen<br>
Guru Granth Sahab<br>       

Gurdwara<br>
Artikler<br>
Pressemeddelser<br>
Begivenheder<br>
Kontakt Os<br>
Links<br>
Debatforum<br></center></strong>
</td>

<tr><td background="menucolor.jpg" valign="top" width="198" height="184" alt="" style="padding-left:20px;">

tror måske du skal sætte en ekstra tabel ind i hver celle for at styre det. hvis du finder linien:     <tr><td background="menucolor.jpg" valign="top" width="198" height="184" alt="">
så prøv at indsætte følgende:
<table border="0" width="100%" id="table1" cellpadding="12">
    <tr>
        <td><strong>
        Forside<br>
        Sikhismen<br>
        Guru Granth Sahab<br>       
        Gurdwara<br>
        Artikler<br>
        Pressemeddelser<br>
        Begivenheder<br>
        Kontakt Os<br>
        Links<br>
        Debatforum<br></strong>
        </td>
    </tr>
</table>

Brug nu bare den padding-left...

Det er den nemmeste løsning, og desuden en som er fremtidssikret. Der er nemlig stor sansynlighed for at cellpadding attributten bliver udfaset i senere udgaver af HTML, så du kan ikke være sikker på den virker om et par år. Det gør CSS der i mod. Desuden går cellpadding på alle sider, så der kommer et lige sår stort mellemrum i toppen af cellen.

når jeg prøver dit forsøg fenec så laver den mellemrum og udvider tabellen :(

se her:
http://www.sikh.dk/new/ggs.html

og hvordan med højre side ang. det lile logo..

på forhånd tak

<td background="menucolor.jpg" valign="top" width="178" height="184" alt="" style="padding-left:20px;">

... padding tilføjes til elementets eksisterende width ...
- Derfor skal width reduceres samtidig med at man giver det padding ...

(ikke testet)

sådan min ven :) nu det perfekt i menuen.

hvad så med billedet i højre siden af tabellen som hamler ind i rammen. hvad kan gøres ved den?

kopier og indsæt i adresse linje og return når du er på siden for at teste hurtigt...

java script:tmp=document.getElementsByTagName("img")[1];tmp.style.position="absolute";tmp.style.right="10px";alert(tmp.src);void(0);

eller prøv at rette den:

<img src="khanda.gif" width=55 height=70 border=0 align=right>

rettes til:

<img src="khanda.gif" width=55 height=70 border=0 style="position:absolute;right:10px;">

...

<td style="padding: 15px; background-image: url(bg.jpg); width: 572px; height: 154px;position:relative;" alt="">

^ Prøv en position:relative; på den td ovenover billederne...
-> og prøv at rette right afstand ned til 35px ... der er nemlig
problemer med at symbolet/tegnet står oven i teksten ellers.


<br>
<img src="onkar.gif" width=78 height=70 border=0 align=left>
<img src="khanda.gif" width=55 height=70 border=0 style="position:absolute;right:35px;">

...