• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[FRAGE] Abstand von Rows innerhalb einer Tabelle

P

pumi

New member
Hallo,

ich habe folg. fixe Struktur, die manuell nicht verändert werden darf.
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-strict.dtd">
<html>

<head>
    <title>test</title>
</head>
<style>
    table {
        border-collapse: collapse;
    }
    tr {
        background-color: red
    }
</style>


<body>
    <table>
        <tr>
            <td></td>
            <td colSpan=2>
                <div>
                    <acronym>Vorname</acronym>
                </div>
            </td>
            <td colSpan=2>
                <div>
                    <acronym>Nachname</acronym>
                </div>
            </td>
            <td></td>
        </tr>

        <tr>
            <td></td>
            <td colSpan=2 style="border: 0px solid red">
                <div style="LEFT: 0px; TOP: 0px ">
                    <INPUT type=text size=25></INPUT>
                </div>
            </td>
            <td colSpan=2>
                <div style="LEFT: 0px; TOP: 0px ">
                    <INPUT name=NAMEMA2 type=text size=25></INPUT>
                </div>
            </td>
            <td></td>
        </tr>

        <tr>
            <td></td>
            <td colSpan=2 style="border: 1px solid red">
                <div style="LEFT: 0px; TOP: 0px; border: 1px solid green">
                    <acronym>Telefonnummer</acronym>
                </div>
            </td>
            <td colSpan=2>
                <div style="LEFT: 0px; TOP: 0px ">
                    <acronym>Emailadresse</acronym>
                </div>
            </td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td colSpan=2 style="border: 0px solid red">
                <div style="LEFT: 0px; TOP: 0px ">
                    <INPUT name=TELEFON type=text size=25></INPUT>
                </div>
            </td>
            <td colSpan=2>
                <div style="LEFT: 0px; TOP: 0px ">
                    <INPUT name=EMAIL type=text size=25></INPUT>
                </div>
            </td>
            <td></td>
        </tr>


    </table>
</body>

</html>

Ich möchte nun 2 Dinge erreichen.
1) die Labels sollen generell näher an die Inputs.
2) Oberhalb der Labels soll ein größerer Abstand sein.

Wie kann ich das per Css oder evtl. auch Javascript erreichen.
Wie gesagt die Html-Struktur kann manuell nicht verändert werden, die
ist bereits so vorgegeben.

Danke für Antworten und
Grüße pumi
 
Hallo,

das Problem hat sich erledigt.
Mit Css habe ich es nicht hinbekommen.
Ich habe es mit Javascript gelöst.
Ich suche die Acronyme und setzte die Höhe im Parent(Div).

Danke und Grüße pumi
 
Hat keiner drauf geantwortet. Mist. Aber ich erinnere mich daran und wusste nicht genau, was nun geändert werden durfte und was nicht. War für mich auch etwas zuviel Code. Ich brauch das immer ganz kurz und knapp und am liebsten als Fiddle, damit ich das mit geringst möglichem Zeitaufwand aufnehmen/ausprobieren kann. Geht anderen vielleicht auch so und daher vielleicht keine Antwort.
 
Hallo Mikdoe,

danke für dein Interesse.
Gern kann ich das nächste mal auch Fiddle verwenden.
Wie genau kann ich das den in den Thread einbinden?

Grüße pumi
 
ok, alles klar. Vielen Dank für deine Mühe.
Ich denke, ich habe jetzt auch heraus gefunden, dass es mit css nicht geht,
da ich eine Art Parent-Selektor bräuchte, den es imho in css nicht gibt.

Grüße pumi
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben