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

Problem mit CSS-Tutorial

M

Manuela

Neues Mitglied
hallo,

bin gerade dabei CSS zu lernen. bisher bin ich relativ gut klar gekommen.
vielleicht hat ja auch einer von euch auf der u.a. seite seine CSS-Kentnisse erworben !?

Breite und Höhe - Lektion 12 | CSS Tutorial | HTML.net

hier bin ich stecken geblieben:

div.box {
width: 200px;
border: 1px solid black;
background: orange;
}
ich habe das so übernommen in meine CSS-Datei. aber es geht nicht. auf der beispielseite des tuts geht es jedoch.

was mache ich falsch ? hoffe, es nervt euch nicht, wenn ich eine so einfache frage stelle, aber ich möchte es richtig lernen.

würde mich über jede hilfe freuen.

viele grüsse
manu
 
Werbung:
Am besten du gibt uns deinen fanzen Code sonst können wir nur raten.

Viel lernen tust du aber durch Copy & Paste nicht. Ich sag nur learning by doing.:mrgreen:
 
hallo, leider habe ich keinen code..

ich kopiere nicht, ich mache alles selber und habe auch schon verschiedene dinge ausprobiert...

hast du die seite ( tutorial ) ?

ich weiss nicht wie ich die schrift in die box reinbekomme.
sch...
 
Werbung:
xD omg JA WIEEEEEEEEEEEEEEEEEEEEE`?
Wie macht man bitte eine Seite ohne Code?

Hast du etwas das so in der Art auschaut:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="Onkelficker">
<meta name="editor" content="html-editor phase 5">



<style type="text/css">

div.box {
width: 200px;
border: 1px solid black;
background: orange;
}



</style>




</head>


<body>


<div class="box">&nbsp;</div>






</body>
</html>

Ich tippe mal, das den Fehler gemacht hast, und dein Div keinen Inhalt hat, und daher nicht da ist?
 
wie ich sehe bindet du CSS in HTML ein - ich trenne CSS und HTML in separaten Dateien..

hab es leider immer noch nicht verstanden. sorry.
 
Ja, das ist durchaus möglich. Mann kann alles extern ein binden, javascript, css, und php (auch wenns da praktisch anders ist).

Allerdings sah ich keinen Grund das hier extern einzubinden.

Bei Probeläufen ist sowas eher unpraktisch.



Was verstehst du nicht?
Ich kann nicht in dein Hirn rein.
Definiere dein Problem genauer.
 
Werbung:
also hier der html-code:

<html>


<head>

<link rel="stylesheet" type="text/css" href="style.css" />

</head>

<body>

<div id="picture">

<img src="bill.jpg" alt="Bill Gates">

</div>

<p>

Hos ediscit et hos arto stipata theatro spectat Roma potens; habet hos numeratque poetas ad nostrum tempus Livi scriptoris ab aevo, si nimis antique, si dure.

Interdum volgus rectum videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique,
si peraque dure dicere credit eos, ignave multa fatetur, et sapit et mecum facit et Iova iudicat aequo.Non equidem insector delendave carmina Livi esse reor,
memini quae plagosum mihi parvo Orbilium dictare; sed emendata videri pulchraque et exactis minimum distantia miror. Inter quae verbum emicuit si forte decorum,
et si versus paulo concinnior unus et alter, venditque poema.

Indignor quicquam reprehendi, non quia crasse compositum illepedeve putetur, sed quia nuper, nec veniam antiquis, sed honorem et praemia posci.
Recte necne crocum floresque perambulet Attae fabula si dubitem, clament periisse pudorem cuncti paene patres, ea cum reprehendere coner,
quae gravis Aesopus, quae doctus Roscius egit; vel quia nil rectum, nisi quod placuit sibi, ducunt, vel quia turpe putant parere minoribus, et quae imberbes senes.

</p>



</body>




</html>



und hier der CSS-Code:

#picture {
float:left;
width: 100px;
}
 
Der div.box, mit dem du lt. erstem Beitrag Probleme hast, ist an keiner Stelle im HTML-Teil vorhanden. Somit kann er auch nicht angezeigt werden.

Wenn du also da den Text drin haben möchtest, dann muss es im HTML-Teil heißen

Code: 
<div class="box">

<p>
Textinhalt von box ...
</p>

</div>
 
Hi Manuela,

Du solltest dem div, den du im Moment hast, auch eine Höhe geben. Oftmals haben divs, die keine Höhe angegeben haben, auch gar keine Höhe. Probiermal, ihm eine hintergrundfarbe zugeben und guck, dass das Bild auch angezeigt wird. Dann solltest du ihn sehen :)

Und wenn in dem div, den du da hast, NUR das Bild vorhanden ist, dann ist er überflüssig, den divs sind zum gruppieren von Elementen. Das ist zwar kein CSS sonder HTML, sollte man sich aber merken :)

Gruß
Toast
 
Werbung:
vielen dank für eure hilfe habe es gelöst...ich bin sehr dankbar, dass es ein solches forum gibt. nochmals vielen dank, dass alle mit geduld helfen, mir ist klar, dass für einige von euch solche anfaengerfragen relativ laecherlich vorkommen aber ich muss da jetzt durch.
 
Kein Problem, jeder hat mal klein angefangen.

Meine Geduld ist nahezu unendlich, solange ich erkenne, dass sich der Fragesteller Mühe gibt, die Antworten zu verstehen und sie dann auch nachvollzieht.

Meine Geduld ist jedoch umgehend erschöpft, wenn jemand nach der Art "Mach mir mal, hab selbst keinen Bock und will auch nix lernen" kommt.

Offensichtlich gehörst du dankenswerter Weise zur ersten Kategorie ;Jump
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben