Ergebnis 1 bis 7 von 7

Thema: Abstand zwischen 2 Tabellen

  1. #1
    Noke
    Gast

    Standard Abstand zwischen 2 Tabellen

    Hallo erstmals. Ich habe ein kleines Problem:

    Auf meiner Homepage habe ich einen Abstand zwischen Banner (eigene Tabelle) und Navigation(eigene Tabelle).
    Ich hätte nun aber gern, dass dort kein abstand ist und die Navigation und der Banner bindend ineinander gehen.

    hier die HP: http://www.team-eof.ch

    HTML Code:
    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>team-eof.ch || Freerunning and Parkour Switzerland</title>
    
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="format.css" type="text/css">
    
    </head>
    <body>
    
    <table border="0" width="800" height="250" align="center" cellpadding="0" cellspacing="0" align="bottom">
    <tr>
    <td valign="bottom">
    <img src="images/top.png">
    </td>
    </tr>
    </table>
    
    
    <td   width="100%"     id="leiste1" ><!--menü oben-->
    
    <table    id="menu2" width="800"  border="0" cellpadding="0" cellspacing="0" align="center">
    
    
    <td width="15%" ><a href="index.html"  onfocus="this.blur()">-Home-</a></td>
    <td width="15%"><a href="team.html"  onfocus="this.blur()">Team</a></td>
    <td width="15%"><a href="videos.html" onFocus="this.blur()">Videos</a></td>
    <td width="15%"><a href="pictures.html"  onfocus="this.blur()">Pictures</a></td>
    <td width="25%"><a href="prodow.html"  onfocus="this.blur()">Projects / Downloads</a></td>
    <td width="15%"><a href="stokon.html" onFocus="this.blur()">Story / Kontakt</a></td>
    
    ...

    CSS code:

    Code:
    
    body
    {margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px;background-color: #000;padding:0px;
    background-image:url(images/new.jpg);
    }
    
    .pictures {background-color: transparent}
    
    
    
    .bg{
    background-color:#333333;
    }
    
    .bg1{
    background-image:url(images/bg1.jpg);
    }
    
    p{
    font-family:arial;
    font-size:12px;
    color:#CCCCCC;
    padding-right: 10px;
    padding-left: 10px;
    }
    
    
    .downloads {   
            font-family:Arial, Helvetica, sans-serif;
            color:#CCCCCC;
            font-size: 11;
            text-align:left;
                    font-weight:bold;
            }
    
    
    
    li{
    font-family:arial;
    font-size:12px;
    color:#CCCCCC;
    padding-right: 10px;
    padding-left: 10px;
    }
    
    
    
    
    pers{
    font-family:arial;
    font-size:12px;
    color:#CCCCCC;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: bold;
    }
    
    h2{ color:#ffffff;
    padding-top: 5px;
    margin-bottom:20px;letter-spacing:0px;
    font-family: arial;font-size: 110%;
    text-align: left;
    padding-right: 10px;
    padding-left: 10px;
    }
    
    .default{
    font-family:arial;
    font-size:10px;
    color:#FFFFFF;
     margin-right:0px;
    }
    
    #menu2 a, #menu2 a:visited , #menu2 a:active {display: block;
    color:#FFFFFF;
    background-color:#4f4f4f;
    text-decoration:none ;font-family:verdana,arial, sans-serif;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    margin-left: 0px;margin-right: 0px;
    border:solid 0px #353535;
    line-height:34px;
    text-align:center;
    font-size: 80%;
    font-weight: bold;
    
    background-image:url(images/ob2.jpg);
    }
    
    
    #menu2 a:hover {background-color:#ffcc66;color:#fff; text-decoration:none ;border:solid 0px #353535;
    
    background-image:url(images/mover.jpg);
    }
    
    
    
    .li {
    width:26px;
    background-image:url(images/rand1.jpg);
    border-right:solid 0px #000;border-left:solid 0px #808080;
    }
    
    .li2 {
    width:26px;
    background-image:url(images/rand2.jpg);
    border-right:solid 0px #000;border-left:solid 0px #808080;
    
    }
    
    td {
    font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
    text-align:justify;font-size: 94%;line-height: 125%;
    }
    
    
    .newsbg {
    background-image:url(images/newsbg.jpg);
    }
    
    
    
    
    
           
    .green {
            font-family:Arial, Helvetica, sans-serif;
            font-size:18px;
            font-style: bold;
            color: #000000;
            background-color:#9acd32;
            }
           
    .purple {
            font-family:Arial, Helvetica, sans-serif;
            font-size:18px;
            font-style: bold;
            color: #000000;
            background-color:#dda0dd;
            }
           
    
    .orange {
            font-family:Arial, Helvetica, sans-serif;
            font-size:18px;
            font-style: bold;
            color: #000000;
            background-color:#ffa500;
            }
           
    .yellow {
            font-family:Arial, Helvetica, sans-serif;
            font-size:18px;
            font-style: bold;
            color:#000000;
            background-color:yellow;
            }
           
    .brown{
            font-family:Arial, Helvetica, sans-serif;
            font-size:18px;
            font-style: bold;
            color:#000000;
            background-color:maroon;
            }
           
    .blue {
            font-family:Arial, Helvetica, sans-serif;
            font-size:18px;
            font-style: bold;
            color:#000000;
            background-color:lightblue;
            }
           
    
    
    
    
    .movies {
            font-family:Arial, Helvetica, sans-serif;
            font-size:18px;
            font-style: bold;
            color: #FFFFFF;
            background-color:darkred;
                    text-align:left;
            }
           
           
           
    .linkpic
            {
            border: 3px solid black;
            text-decoration:none;
            }
    
    .linkpic2
            {
            border: 0px solid black;
            text-decoration:none;
            }
           
           
            /* allgemeine links im text */
    
    a:link, a:visited, a:active{ font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
    font-size: 97%;line-height: 125%;
    text-decoration:underline;color:#56686D;}
    
    a:hover{ text-decoration:none;background-color:#fff;
    color:#222222;}

    Kann mier jemand weiterhelfen? Hab schon viel versucht.. ging leider nichts

    Danke
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Fortgeschrittene/r Avatar von FreshPC
    Registriert seit
    28.05.2009
    Alter
    22
    Beiträge
    152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Abstand zwischen 2 Tabellen

    Du hast hier ein <td> welches keiner Tabelle zuzuordnen ist:

    <td width="100%" id="leiste1" ><!--menü oben-->
    Ich zitiere - mich:
    "Ohne Preis, kein Schweiß... "

  3. #3
    Noke
    Gast

    Standard AW: Abstand zwischen 2 Tabellen

    Zitat Zitat von FreshPC Beitrag anzeigen
    Du hast hier ein <td> welches keiner Tabelle zuzuordnen ist:

    <td width="100%" id="leiste1" ><!--menü oben-->
    Stimmt... bringt jedoch in meinem fall nichts (habs gelöscht)

  4. #4
    Fortgeschrittene/r Avatar von FreshPC
    Registriert seit
    28.05.2009
    Alter
    22
    Beiträge
    152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Abstand zwischen 2 Tabellen

    {War falsch!}

    Ich such mal weiter.
    Geändert von FreshPC (13.10.2009 um 20:20 Uhr)
    Ich zitiere - mich:
    "Ohne Preis, kein Schweiß... "

  5. #5
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Abstand zwischen 2 Tabellen

    dem <img> tag einfach ein margin-bottom: -4px; verpassen. Tabellen nehmen immer 2px pro rand extra, auch wenn man border und padding auf 0 setzt. Wohl ein Grund warum Tabellenlayouts out sind

    Bei dir sind es eben die 2 ränder unten von der tabelle und der zelle.

    /P.S. Um genau zu sein... hab grad ein wenig rumprobiert, eigtl stimmen die Werte nicht und bin jetzt auch ganz verwirrt.

    Wenn ich nach deiner header-table ein div reinhau, reicht ein -3px margin beim img, wenn es aber 1px pro Rand wären, dann müsstens doch -2 sein. Zwischen 2 Tabellen sinds -4. Wenn ich eine Zelle extra einfüg, ach egal.. ist zu spät dafür, komplizierte Sache leicht gemacht: Tabellenlayouts stinken ab.
    Geändert von Grevas (14.10.2009 um 01:53 Uhr)

  6. #6
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

  7. #7
    Noke
    Gast

    Standard AW: Abstand zwischen 2 Tabellen


    Danke vielmals... genau was ich gebraucht habe

    Diese zeile wars: style="display: block;"

Ähnliche Themen

  1. Abstand zwischen 2 Div´s?
    Von #matthias im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 24.02.2009, 22:10
  2. Abstand zwischen den Navigationspunkten
    Von monk im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 28
    Letzter Beitrag: 10.03.2007, 09:08
  3. abstand zwischen den buttons
    Von wurmax im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 17.08.2006, 20:58
  4. Abstand zwischen 2 Tabellen = 0 setzen !?
    Von im Forum HTML & CSS Forum
    Antworten: 16
    Letzter Beitrag: 16.06.2006, 12:04
  5. Abstand zwischen Objekten
    Von Tobiaz im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 26.01.2006, 17:43

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •