Frage von FlugzeugAUT, 65

Webdesign CSS/HTML?

Also ich habe folgendes Problem..

ich beschäftige mich seit kurzem mti HTML (also dem Textdesign) und CSS, was in Zusammenklang eine Website ergeben soll - irgenwann ;)

also bitte nur Leute antworten die sich auskennen ..

beim Notepad hat man ja zwei Teile - Body und Head: Body ist der sichtbare und im Head bearbeitet man das im Body geschriebene (=CSS)

Jetzt habe ich folgendes Problem wenn man also in Head einen Datenpunkt zB ein Bild = img {} bearbeitet wird nicht nur das eine Bild sondern gleich alle Bilder die ich eingefügt habe in diesem Fall auf die gleiche Position gebracht.. Wie unterscheidet das Programm die Elemente? durch img1 nicht... ich habe keine Ahnung wie ich das machen soll wäre nett wenn ich hilfreiche Antworten bekommen könnte :)

Danke schonmal im Voraus :)

Antwort
von Limearts, 46

CSS unterscheidet in ID (Element das pro Seite einmal vorkommt) und Klassen (Dürfen beliebig oft vorkommen). Diese werden in CSS durch Vorsetzen einer Raute # (ID) oder . (Klasse / Class) definiert.

CSS-Definition

.klasse { ... }
#element { ... }

HTML

<div class="klasse">
<div id="element">

Klassen und IDs müssen mit einem Buchstaben anfangen, werden klein geschrieben und dürfen keine Sonderzeichen enthalten. Zahlen sind möglich, dürfen aber nicht an vorderster Stelle stehen.

Kommentar von FlugzeugAUT ,

Danke für die Antwort ;)

Kommentar von medmonk ,

Der Vollständigkeit halber erwähne, das Elemente nicht nur über Klassen und ID's angesprochen werden können. Da gibt es dann auch nochmal ein Dutzend an Möglichkeiten. 

Lg medmonk 

Antwort
von triopasi, 50

Kannst dem img, das du ansprechen willst eine id oder eine class geben, und dann im CSS img#id bzw img.class ansprechen.

Kommentar von FlugzeugAUT ,

Danke schonmal für die Antwort und wie geb ich dem img eine ID? also was muss ich da eingeben? Wäre nett wenn du mir das schreiben könntes ;) <imgid01 src=""/> zB oder wie? :) lg

Kommentar von triopasi ,

, class analog nur halt "class" statt "id". Der Unterschied zw id und class ist, dass es jeweils nur ein Element mit der gleichen ID geben sollte aber zig Elemente die gleiche class haben dürfen.

Kommentar von FlugzeugAUT ,

Ja das hab ich schon verstanden, aber ich habe keinen blassen Schimmer wie ich das eingeben soll.. ich füg ein Bild ein mit <img src=""/> und wo soll ich da die Class bzw ID hinschreiben?

Kommentar von triopasi ,

img id="meineID" src="bsp.png"

Kommentar von FlugzeugAUT ,

Ok danke war zeitgleich ;)

Kommentar von triopasi ,

Habs nochmal geschrieben, HTML Tag wurde aus dem einen Kommi entfernt. id/class ist n normales HTML Attribut, das du bei (ich glaub) jedem Tag angeben kannst.

Kommentar von fluffiknuffi ,

Ja das glaube ich auch zumindest bei jedem das sich im body-Element befindet. :)

Antwort
von BeerenFischer, 10

Frage wurde schon beantwortet aber ich wollte dir nur einen Editor zum schreiben empfehlen. Ich habe früher auch immer mit Notepad++ gearbeitet, verwende jetzt aber einen namens "Atom". Völlig gratis.  Man kann ihn mit tausenden von Add-Ons erweitern, außerdem kann man Projektordner öffnen wenn man große Projekte hat. Da ist dann der ganze Ordner auf der Seite zu sehen und man kann schnell herumspringen. Die Code-Completion ist auch extrem gut. Du gibst also z.B. einfach nur 

div

in den Editor ein, drückst Enter, und das kommt heraus:

<div class="">

</div>

Alles in allem der beste gratis Editor den ich je verwendet habe.

Keine passende Antwort gefunden?

Fragen Sie die Community