Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Innenabstand in <table> mit CSS funzt nicht“

visio

Aktives Mitglied

Versuche die ganze Zeit einen Abstand in einer Tabelle zwischen den <tr> zu bekommen leider vergeblich. Entwäder ich bin blöd oder ich habe es schon mal hinbekommen mit CSS. Der Abstand links und rechts will auch nicht, färben lassen sich aber die <tr> sowie die Ausrichtung mit text-align:right. Verstehe nicht wo der Fehler ist, habe es direkt in die <tr> geschrieben, extern, im head eingebunden hat alles nix gebracht.

Hier der Code:


Code:
 <form method='post' action='../php/contact-send.php'>
              <fieldset>         
            
          <table>
          
              <tr>    
                <td><label for="name">Ihr Name:</label><input name="name" type="text" id="name" size="30" maxlength="30" /></td>
            </tr>
            <tr>                          
                 <td><label for="email">E-Mail Adresse:</label><input name="email" type="text" id="email" size="30" maxlength="30" /></td>   
            </tr>
            <tr>                
                 <td height="24"><label for="betreff">Betreff:</label><input name="betreff" type="text" id="betreff" size="30" maxlength="30" /></td>   
            </tr>
            <tr>                
                <td><label for="textfeld">Nachricht:</label><textarea name="textfeld" id="textfeld" cols="25" rows="7" ></textarea></td>
            </tr>

            <tr>
                <td><input class="submit" id='submit' type='submit' name='submit' value='Submit' /></td>
            </tr>

          </table>
          
              </fieldset>
          </form>
Hier der Versuch mit CSS:

Code:
tr {
 margin-bottom:1em;
padding:0em 1em 0em 1em;
}
 

B

bambi123

Guest

AW: Innenabstand in <table> mit CSS funzt nicht

Ich würde versuchen, nicht den <tr>, sondern direkt den <td> einen Abstand zuzuweisen. Hatte das auch mal, und mit <td> hat es dann funktioniert. Liegt vielleicht an der Vererbung.

VG
Bambi
 

blickpunkt

Noch nicht viel geschrieben

AW: Innenabstand in <table> mit CSS funzt nicht

Hallo,

Elemente innerhalb einer Tabelle können nicht mit margin formatiert werden.
s. hier: Tables

Absatz 17.5: "... Internal table elements do not have margins. ..."


lg blickpunkt
 

visio

Aktives Mitglied

AW: Innenabstand in <table> mit CSS funzt nicht

Das ist schade ich wollte eine Tabelle mit einem Email Feld, soll so aussehen bzw. ich habe es fast fertig ich brauche nur die Abstände.

Hier ein Foto:



Hier die Seite wie es gerade aussieht unter Contact
 
Zuletzt bearbeitet:

blickpunkt

Noch nicht viel geschrieben

AW: Innenabstand in <table> mit CSS funzt nicht

Du kannst <tr> per CSS mit "height: ... " eine Höhe zuweisen, dann hast Du den
Abstand zwischen den Tabellenzeilen und den gewünschten Effekt.
 

visio

Aktives Mitglied

AW: Innenabstand in <table> mit CSS funzt nicht

ja aber da bekommt doch tr doch eine höhe ich will aber zwischen den tr einen Abstand haben.
 

blickpunkt

Noch nicht viel geschrieben

AW: Innenabstand in <table> mit CSS funzt nicht

Sorry, hab ich vergessen zu erwähnen: ich meinte damit eine leere Zeile mit definierter Höhe, d.h. es muss noch eine Zelle ohne Inhalt mit rein.
Frage: Warum willst Du das mit einer Tabelle lösen? Ich würde "div"-Container benutzen. Ist doch viel einfacher und dann klappt es auch mit den Margins ...

PS: wenn du es Dir einfach machen möchtest, kannst Du auch das gute alte "cellspacing"-Attribut verwenden - das funktioniert immer.
 
Zuletzt bearbeitet:

Chickenshooter

Alter Mann

AW: Innenabstand in <table> mit CSS funzt nicht

Bsp.:
HTML:
/* css Klasse die die Formatierung der folgenden Divs mit dem class Attr.=zeile übernimmt */
.zeile
{
   display:block;
   margin: 2px 5px;
   width: 300px;
   height: 50px;
}

<div class="zeile"></div>
<div class="zeile"></div>
<div class="zeile"></div>
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.155
Beiträge
2.581.856
Mitglieder
67.222
Neuestes Mitglied
Gregor
Oben