Erledigt - Kann Box nicht einfügen?

Lona · 26.11.2015

Hallo liebe Foris vl wisst ihr mal eine Rat.
Ich kann meine erstellteBox nicht in die Hp intergrieren
Hier ist die Css datei
.box {
width: 200px;
float: right;
border: 1px solid #160308;
}

.box:first-child {
margin-right:10px;
}

und so habe ich sie zwischn <head> und </head> eingefügt. sie wird aber nich dargestellt was läuft schief
< link href="box.css" rel="stylesheet" type="text/css" media="screen" />

Dudlhofer · 26.11.2015

Ähem... Das ist ja jetzt nur CSS - wo ist der Markup dazu?

patrick_l · 26.11.2015

Dudlhofer schrieb:
Ähem... Das ist ja jetzt nur CSS - wo ist der Markup dazu?

Der Quellcode, das Markup.

Wie dem auch sei, hast ja trotzdem recht.

@Lona Bitte zeig uns dein Markup.

Liebe Grüße, Patrick

Fuxx87 · 26.11.2015

Auch wenn ich deinen Code nicht kenne, probier es mal auch eine "height:" zu vergeben und nicht nur eine "width:".

Lona · 26.11.2015

Hallo!
Danke für die Antworten ...ich habe kein MarkUp dazu...wie muss es denn sein sorry ich weiss es nicht..hatte es vorher schonmal in eine Seite eingefügt da hat es sich ohne Markup dargestellt...bin ratlos..
@Fluxx87
Es soll eine flexible Box sein wo ich die Höhe nicht festlegen kann

patrick_l · 26.11.2015

Lona schrieb:
...ich habe kein MarkUp dazu...wie muss es denn sein sorry ich weiss es nicht..hatte es vorher schonmal in eine Seite eingefügt da hat es sich ohne Markup dargestellt...bin ratlos..

Dachte ich mir schon. Ohne Markup nützt dir dein CSS überhaupt nichts. In CSS werden Elemente einer Seite selektiert und gewünschten Eigenschaften formatiert. Wenn du jedoch Formatierungen für ein Element festlegst, das überhaupt nicht im Markup vorhanden ist, wirst du auch nichts davon sehen. Wo nichts ist, kann auch nichts formatiert werden.

Auf die schnelle ein kleines Beispiel. Im Markup wurde eine Division notiert. Diese Division wurde zusätzliche mit einer Klasse box »erweitert«. Im CSS kann diese so nun mit Hilfe der Klasse selektiert werden.

HTML:

<div class="box">
    <!-- content here! -->
</div>

CSS:

.box {
    /* attribute: value; */
    width: 100%;
    height: 50px;
    background: skyblue;
}

Elemente können nicht nur über Klassen selektiert werden. Ebenso können Elemente global und mit Hilfe von ID's angesprochen werden. Ich möchte da auch nicht zuweit ausholen, da es ohne die nötigen Grundlagen zu kennen wenig sinn macht. Wohl eher für unnötige Verwirrung sorgt.

Ich rate daher dringlichst dazu, dir nötiges HTML und CSS Grundlagenwissen anzueignen. Hier findest du unter anderem zahlreiche Tutorials, die an Einsteiger gerichtet sind und die nötigen Grundlagen verständlich vermitteln. Alternativ mal im Shop nach einer passenden Trainings-DVD schauen.

Liebe Grüße, Patrick

Dobi78 · 26.11.2015

Ein guter Einstieg, welcher Dir hilfreich sein kann.
https://shop.psd-tutorials.de/produktdetails/htmlcss-fuer-einsteiger--191

Lona · 26.11.2015

Danke Patrick das wars..ich wusste es einfach nicht mehr .
Und danke auch für den Link
Wünsche noch einen schönen Abend
LG Lona