• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

zellenabstände löschen

M

martwd05

Neues Mitglied
hi leute ich habe ein Problem und zwar ich möchte die hellen abstände bei dieser grafik zwischen den Tabellenzeilen weg löschen!!!

das ist der quelltext dazu!!
Bitte um Hilfe!!

HTML: 
        <td>
            <a href="inhalt.php?hmenue_x=KINDERZIMMER" target="inhalt"
                onmouseover="changeImages('menue_urbanek_08', 'urbanek-design/menue-urbanek_08-over.jpg'); return true;"
                onmouseout="changeImages('menue_urbanek_08', 'urbanek-design/menue-urbanek_08.jpg'); return true;"
                onmousedown="changeImages('menue_urbanek_08', 'urbanek-design/menue-urbanek_08-over.jpg'); return true;"
                onmouseup="changeImages('menue_urbanek_08', 'urbanek-design/menue-urbanek_08-over.jpg'); return true;">
                <img name="menue_urbanek_08" src="urbanek-design/menue-urbanek_08.jpg" width="200" height="14" border="0" alt=""></a></td>
    </tr>
    <tr>
        <td>
            <a href="inhalt.php?hmenue_x=AKTION" target="inhalt"
                onmouseover="changeImages('menue_urbanek_09', 'urbanek-design/menue-urbanek_09-overX.jpg'); return true;"
                onmouseout="changeImages('menue_urbanek_09', 'urbanek-design/menue-urbanek_09X.jpg'); return true;"
                onmousedown="changeImages('menue_urbanek_09', 'urbanek-design/menue-urbanek_09-overX.jpg'); return true;"
                onmouseup="changeImages('menue_urbanek_09', 'urbanek-design/menue-urbanek_09-overX.jpg'); return true;">
                <img name="menue_urbanek_09" src="urbanek-design/menue-urbanek_09X.jpg" width="200" height="17" border="0" alt=""></a></td>
    </tr>
 

Anhänge

  • seite.gif
    seite.gif
    2,9 KB · Aufrufe: 5
keine tabellen verwenden, weil mir das da oben sehr nach menu aussieht.

ansonsten, wenn du den sinn von tabellen nicht verstanden hast - nutze attribute:

HTML: 
<table cellpadding="0" cellspacing="0">

Nils aka XraYSoLo
 
Und Abstände und alles, was mit dem Aussehen zu tun hat, wird mit CSS gemacht. HTML ist nicht für die Ausgabe zuständig, sondern nur für die Semantik.
 
Es gibt kein css-Pendant zu cellpadding und cellspacing.
Aber border-collapse sollte helfen:
Code: 
table {
border-collapse:collapse;
}
 
ich habe jetzt alle eure Vorschläge probiert und es funktioniert leider gar nichts.Weiß nicht mehr was tun!!

GLG
 
Dann zeig uns mal, wie du es versucht hast, sonst können wir dir auch nicht sagen, was du falsch gemacht hast.
 
HTML: 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
table {
border-collapse:collapse;
}
</style>

<script type="text/javascript">

das ist die letze variante die ich versucht habe.
 
Das ist ja nur der Anfang der Datei, wo ist der Rest?

Ausserdem fehlt dir ein Doctype, der die Browser in den Standardmode versetzt.
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
table {
border-collapse:collapse;
}
</style>

<script type="text/javascript">
<!--

function newImage(arg) {
    if (document.images) {
        rslt = new Image();
        rslt.src = arg;
        return rslt;
    }
}

function changeImages() {
    if (document.images && (preloadFlag == true)) {
        for (var i=0; i<changeImages.arguments.length; i+=2) {
            document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
        }
    }
}

var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        oben_urbanek_03_over = newImage("urbanek/oben-urbanek_03-over.jpg");
        oben_urbanek_04_over = newImage("urbanek/oben-urbanek_04-over.jpg");
        oben_urbanek_05_over = newImage("urbanek/oben-urbanek_05-over.jpg");
        oben_urbanek_06_over = newImage("urbanek/oben-urbanek_06-over.jpg");
        preloadFlag = true;
    }
}

// -->
</script>
<script type="text/javascript">
<!--

function newImage(arg) {
    if (document.images) {
        rslt = new Image();
        rslt.src = arg;
        return rslt;
    }
}

function changeImages() {
    if (document.images && (preloadFlag == true)) {
        for (var i=0; i<changeImages.arguments.length; i+=2) {
            document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
        }
    }
}

var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        menue_urbanek_02_over = newImage("urbanek-design/menue-urbanek_02-over.jpg");
        menue_urbanek_03_over = newImage("urbanek-design/menue-urbanek_03-overX.jpg");
        menue_urbanek_04_over = newImage("urbanek-design/menue-urbanek_04-over.jpg");
        menue_urbanek_05_over = newImage("urbanek-design/menue-urbanek_05-overX.jpg");
        menue_urbanek_06_over = newImage("urbanek-design/menue-urbanek_06-over.jpg");
        menue_urbanek_07_over = newImage("urbanek-design/menue-urbanek_07-over.jpg");
        menue_urbanek_08_over = newImage("urbanek-design/menue-urbanek_08-over.jpg");
        menue_urbanek_09_over = newImage("urbanek-design/menue-urbanek_09-overX.jpg");
        preloadFlag = true;
    }
}

// -->
</script>

</head>
<body onload="preloadImages();" bgcolor="#ffac2a">



<table width="903" bgcolor="#ffac2a" align="center"></table>


</td></tr>


<tr>

<td  valign="top"><table background="hgc.gif" width="200" height="440" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <img src="urbanek-design/menue-urbanek_01.jpg" width="200" height="15" alt=""></td>
    </tr>
    <tr>
        <td>
            <a href="inhalt.php?hmenue_x=KÜCHEN&umenue_x=KÜCHEN" target="inhalt"
                onmouseover="changeImages('menue_urbanek_02', 'urbanek-design/menue-urbanek_02-over.jpg'); return true;"
                onmouseout="changeImages('menue_urbanek_02', 'urbanek-design/menue-urbanek_02.jpg'); return true;"
                onmousedown="changeImages('menue_urbanek_02', 'urbanek-design/menue-urbanek_02-over.jpg'); return true;"
                onmouseup="changeImages('menue_urbanek_02', 'urbanek-design/menue-urbanek_02-over.jpg'); return true;">
                <img name="menue_urbanek_02" src="urbanek-design/menue-urbanek_02.jpg" width="200" height="18" border="0" alt=""></a></td>
    </tr>
    <tr>
        <td>
            <a href="inhalt.php?hmenue_x=WOHNZIMMER" target="inhalt"
                onmouseover="changeImages('menue_urbanek_03', 'urbanek-design/menue-urbanek_03-overX.jpg'); return true;"
                onmouseout="changeImages('menue_urbanek_03', 'urbanek-design/menue-urbanek_03X.jpg'); return true;"
                onmousedown="changeImages('menue_urbanek_03', 'urbanek-design/menue-urbanek_03-overX.jpg'); return true;"
                onmouseup="changeImages('menue_urbanek_03', 'urbanek-design/menue-urbanek_03-overX.jpg'); return true;">
                <img name="menue_urbanek_03" src="urbanek-design/menue-urbanek_03X.jpg" width="200" height="18" border="0" alt=""></a></td>
    </tr>
    <tr>
        <td>
            <a href="inhalt.php?hmenue_x=VORZIMMER" target="inhalt"
                onmouseover="changeImages('menue_urbanek_04', 'urbanek-design/menue-urbanek_04-over.jpg'); return true;"
                onmouseout="changeImages('menue_urbanek_04', 'urbanek-design/menue-urbanek_04.jpg'); return true;"
                onmousedown="changeImages('menue_urbanek_04', 'urbanek-design/menue-urbanek_04-over.jpg'); return true;"
                onmouseup="changeImages('menue_urbanek_04', 'urbanek-design/menue-urbanek_04-over.jpg'); return true;">
                <img name="menue_urbanek_04" src="urbanek-design/menue-urbanek_04.jpg" width="200" height="15" border="0" alt=""></a></td>
    </tr>
    <tr>
        <td>
            <a href="inhalt.php?hmenue_x=SCHLAFZIMMER" target="inhalt"
                onmouseover="changeImages('menue_urbanek_05', 'urbanek-design/menue-urbanek_05-overX.jpg'); return true;"
                onmouseout="changeImages('menue_urbanek_05', 'urbanek-design/menue-urbanek_05X.jpg'); return true;"
                onmousedown="changeImages('menue_urbanek_05', 'urbanek-design/menue-urbanek_05-overX.jpg'); return true;"
                onmouseup="changeImages('menue_urbanek_05', 'urbanek-design/menue-urbanek_05-overX.jpg'); return true;">
                <img name="menue_urbanek_05" src="urbanek-design/menue-urbanek_05X.jpg" width="200" height="17" border="0" alt=""></a></td>
    </tr>
    <tr>
        <td>
            <a href="inhalt.php?hmenue_x=BÄDER" target="inhalt"
                onmouseover="changeImages('menue_urbanek_06', 'urbanek-design/menue-urbanek_06-over.jpg'); return true;"
                onmouseout="changeImages('menue_urbanek_06', 'urbanek-design/menue-urbanek_06.jpg'); return true;"
                onmousedown="changeImages('menue_urbanek_06', 'urbanek-design/menue-urbanek_06-over.jpg'); return true;"
                onmouseup="changeImages('menue_urbanek_06', 'urbanek-design/menue-urbanek_06-over.jpg'); return true;">
                <img name="menue_urbanek_06" src="urbanek-design/menue-urbanek_06.jpg" width="200" height="17" border="0" alt=""></a></td>
    </tr>
    <tr>
        <td>
            <a href="inhalt.php?hmenue_x=WASSERBETTEN" target="inhalt"
                onmouseover="changeImages('menue_urbanek_07', 'urbanek-design/menue-urbanek_07-over.jpg'); return true;"
                onmouseout="changeImages('menue_urbanek_07', 'urbanek-design/menue-urbanek_07.jpg'); return true;"
                onmousedown="changeImages('menue_urbanek_07', 'urbanek-design/menue-urbanek_07-over.jpg'); return true;"
                onmouseup="changeImages('menue_urbanek_07', 'urbanek-design/menue-urbanek_07-over.jpg'); return true;">
                <img name="menue_urbanek_07" src="urbanek-design/menue-urbanek_07.jpg" width="200" height="15" border="0" alt=""></a></td>
    </tr>
    <tr>
        <td>
            <a href="inhalt.php?hmenue_x=KINDERZIMMER" target="inhalt"
                onmouseover="changeImages('menue_urbanek_08', 'urbanek-design/menue-urbanek_08-over.jpg'); return true;"
                onmouseout="changeImages('menue_urbanek_08', 'urbanek-design/menue-urbanek_08.jpg'); return true;"
                onmousedown="changeImages('menue_urbanek_08', 'urbanek-design/menue-urbanek_08-over.jpg'); return true;"
                onmouseup="changeImages('menue_urbanek_08', 'urbanek-design/menue-urbanek_08-over.jpg'); return true;">
                <img name="menue_urbanek_08" src="urbanek-design/menue-urbanek_08.jpg" width="200" height="14" border="0" alt=""></a></td>
    </tr>
    <tr>
        <td>
            <a href="inhalt.php?hmenue_x=AKTION" target="inhalt"
                onmouseover="changeImages('menue_urbanek_09', 'urbanek-design/menue-urbanek_09-overX.jpg'); return true;"
                onmouseout="changeImages('menue_urbanek_09', 'urbanek-design/menue-urbanek_09X.jpg'); return true;"
                onmousedown="changeImages('menue_urbanek_09', 'urbanek-design/menue-urbanek_09-overX.jpg'); return true;"
                onmouseup="changeImages('menue_urbanek_09', 'urbanek-design/menue-urbanek_09-overX.jpg'); return true;">
                <img name="menue_urbanek_09" src="urbanek-design/menue-urbanek_09X.jpg" width="200" height="17" border="0" alt=""></a></td>
    </tr>
    <tr>
        <td>

            <img src="urbanek-design/menue-urbanek_10.jpg" width="200" height="297" alt=""></td>
    </tr>
</table>
 
Der Anfang deiner Tabelle ist falsch, da stehen Tags, die dort nicht richtig sind.

Ausserdem ist eine Tabelle hier die falsche Wahl, eine Liste ist für ein Menü die richtige Wahl.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben