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

Hilfe mit css oder html Tabelle benötigt?

ThePetty5

ThePetty5

Neues Mitglied
moin, moin

Ich bein neu hier und hoffe erstmal, dass ich hier
in der richtigen Sektion gelandet bin^^.

Ich bin Neuling und wollte ne Website machen wo ich 2 Felder nebeneinander machen
wollte. Man kann dies schlecht erklären, also hab ich nen Link für euch.

--> Html5 Grndkurs - Ohne Vorkentnisse lernen

Dort seht ihr 2 Graue Kästen, die ich im Fliestext (In einer Zeile!) 'eingerahmt'
habe. mit dem margin-bottom Befehl, kann ich ihn iwie nicht nach unten vergrößern und in den weiteren Zeilen dort hinein schreiben.
Mir ist auch eben die Idee gekommen, dass man das ja mit ner Tabbele mchen könnte... Ist das möglich!??

Und: Kann ich Text über ein Bild schreiben?? Wenn ja welche Eigenschaften muss ich dem Bild geben?

Würde mich sehr freuen, wenn mir jemand weiterhelfen kann.

Mgf. ThePetty5
 
Willkommen im Forum.

Ich glaube, du suchst Floats.

- Float

Mir ist auch eben die Idee gekommen, dass man das ja mit ner Tabbele mchen könnte... Ist das möglich!??
Zum Vergrößern anklicken....

Ja, aber Tabellen sind für die Darstellung tabellarische Daten (zum Beispiel Messergebnisse) gedacht, nicht für Layoutzwecke.

Und: Kann ich Text über ein Bild schreiben??
Zum Vergrößern anklicken....

Entweder das Bild als Hintergrundbild setzen (background-Eigenschaft) oder mit absoluter Positionierung und dem z-index arbeiten.

- SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen
 
Das geht mit beliebig vielen Elementen.

HTML: 
<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>New</title>
        <style type="text/css">

/**
 * new clearfix
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
 */
.clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clear             { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */

.floats {
    border: 1px solid #ccc;
    padding: 10px;
}

.floats .box {
    float: left;
    margin: 10px;
    width: 150px;
    height: 150px;
    border: 1px solid #fcc;
}

        </style>
    </head>

    <body>

        <div class="floats clear">
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
        </div>

    </body>

</html>
 
Jop

Dankeschön !!

Die Idee war mir gestern Abend auch gekommen...^^
Aber nochmal vielen Dank für die Tipps.

Mfg. ThePetty5
 
Eine Frage hab ich noch^^

<!DOCTYPE html>


<html>
<head>
<title>Html5 Grndkurs - Ohne Vorkentnisse lernen</title>
<meta name="author" content="Patrick">
<link rel="stylesheet" type="text/css" href="/layout.css" >
</head>

-------------------------------------------------------------------------------------------------

/* Layout für die Website */
/* In CSS */
/* Datei: layout.css */


body { background-color:BLUE; }

.typ1 { margin-left:12cm; }


Das sind 2 Dateien und ich wollte halt mal ausprobieren, die css befehle extern auszulagern.
Dieses habe ich gescriptet, aber ich weiss nicht wieso das nicht funktioniert.
Kannst du mir den Feler sagen?? Ich verzweifle echt daran!

Thx. und Mfg. ThePetty5
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben