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

[ERLEDIGT] div ID wird nicht im CSS erkannt?

AtroxExta

Neues Mitglied
Hallo Leute,
ich hab seit ner Weile ein Problemchen und hab mir schon die Finger blutig gegoogelt, aber nichts hilfreiches entdeckt, auch wenn ich glaube dass es sich dabei um eine ganz einfache Sache handelt (ist evtl ne dumme Frage, bin aber auch noch Anfänger, oder ich steh extrem auf dem Schlauch :D ).

Mein Problem ist folgendes:
Ich hab ein div Element, in dem eine Grafik enthalten ist. Nur wird die ID, die ich dem div gegeben habe, in meinem css nicht erkannt.
Im Code sieht das so aus..

<div id="logo">
<img src="grafics/logo.png" width="600">
</div>

#logo {
background-color: black;
}

Eigentlich total simpel, aber egal was ich im css für Attribute angebe, es übernimmt einfach nichts.
Mit anderen div Elementen und deren ID's hab ich komischerweise keine Probleme. Liegts dran, dass in dem eine Grafik steckt?
Die ID "logo" wurde auf der Seite nur einmal benutzt, das css ist richtig eingebunden und die pfade stimmen auch. Hab auch schon versucht die Grafik als class oder gleich als figure zu schreiben, kein Erfolg.

Ursprünglich sollte die Grafik Teil eines headers werden, in dem auch Text enthalten ist. Als div hab ich es nur gekennzeichnet, weil ich nicht wusste, wie ich die beiden Teile sonst unabhängig voneinander bewegen soll.

Hoffe ihr könnt mir helfen, ich weiss langsam nicht mehr weiter :D Hab schon alles mögliche versucht...
Liebe Grüße
 
Zuletzt bearbeitet:
Werbung:
Wahrscheinlich wird es schon erkannt, aber für den Fall, dass das Bild den kompletten Raum des Divs einnehmen sollte, wirst du von der background-color nichts sehen.
 
Zuletzt bearbeitet:
Danke für die Anwort,
hab auch schon andere Sachen als background color ausprobiert, es wird garnichts erkannt!
 
Werbung:
Könnte es fehlerhafter HTML-Code oder ein Schreibfehler im CSS sein? Ein Link zur Seite wäre für weitergehende Unterstützung hilfreich.
 
Seite ist leider noch nicht online... wüsste ehrlich gesagt nicht wie ich bei dem Mini Stückchen nen Schreibfehler reingebracht haben könnte, habs auch mehrmals nochmal neu geschrieben :D
Mein Header sah bis jetzt so aus, als ich dann im Prinzip bloß das Logo neben den Schriftzug setzen wollte, hab ich dem Logo ne eigene div zugewiesen und bin dann auf mein Problem gestoßen.

Code:
<!-- Header -->
    <header>
    <h1>Studio de Danse</h1>
    <p class="subtitle">Ballettschule im Theater <br>Lucie Rioux</p>
    <div id="logo">
    <a href="index.html"><img src="grafics/logo.png" height="250"/></a>  
    </div>
    </header>
 
Hallo

Seite ist leider noch nicht online

Ja und? Es gibt genügend Freeware-Provider wie zum Beispiel bplaced.net. Kost nix. Anmelden und FTP einrichten = einmalig 5 Minuten. Dann müssen nur noch die Daten übertragen werden = 5 Sekunden.

Aus den Quellcodeschnipseln, die du uns hier hinwirfst, ist das Problem nicht ersichtlich. Die sind korrekt und funktionieren. Das könntest du auch ganz einfach selbst feststellen, wenn du eine Datei nur mit diesen Angaben erstellen würdest und nur noch die absolut notwendigen Angaben hinzufügen würdest. Dauer: 45 Sekunden.

Du hast es sogar noch einfacher. Du kannst die bei dir vorhandene Datei einfach unter einem anderen Namen speichern und alle unnötigen Angaben löschen.

Das Ergebnis würde dann ähnlich wie dieses aussehen:

http://foreninfo.bplaced.net/seiten_fremdprobleme/2014_05_14_atroxexta_01_css_problem.html

Und du kannst den Speicherplatz auch gleich für zukünftige Beispiele zu Fragen nutzen.

Ohne Link zur Seite oder den kompletten HTML/ CSS-Quellcode mit zur Verfügungstellung aller Bilder ist dein Problem von außen nicht zu lösen. Wir helfen gerne, aber ohne Informationen geht's nun mal nicht.

Gruss

MrMurphy
 
Werbung:
ich tippe darauf, dass der Bild resp. der Link gefloatet oder absolut positioniert ist. Damit hätte #logo auch keine Dimensionen...
 
.. Ok das Problem scheint sich erledigt zu haben... Ich hab nicht die geringste Ahnung warum, aber aufeinmal klappt alles wie es soll... o.o
Trotzdem danke euch allen!
 
Zurück
Oben