Supportnet Computer
Planet of Tech

Supportnet / Forum / Webseiten/HTML

css: bild in div anders behandeln





Frage

Guten Tag, ich habe in css allgemeine infos für bilder festgelegt ( img {} ) ich möchte jetzt aber bilder, welche in einem bestimmten <div class="sonderbilder" > sind anders behandeln. ich dachte in css schreibt man dann: div.sonderbilder img {} das hat aber leider nichts genützt, könnt ihr mir weiterhelfen? danke rastus

Antwort 1 von katy

Hallo rastus,

prinzipiell hast du das absolut richtig gemacht, vorausgesetzt die allgemeine Regel kam vor der speziellen.

Um also den Fehler zu finden bräuchte ich mehr Informationen.

katy

Antwort 2 von Supermax

In welchem Browser testest du denn? Besonders der IE stellt viele CSS-Formatierungen nur richtig dar, wenn eine korrekte HTML- oder XHTML-Doctype-Deklaration vorhanden ist.

Antwort 3 von katy

Hallo rastus,

was Supermax andeutete, ist der sogenannte DOCTYPE-Switch und seine Auswirkungen. Ich selbst vermute aber eher Unstimmigkeiten in deinem CSS.
Für konkrete Antworten müsstest du einen Blick in deinen Quellcode ermöglichen.

katy

Antwort 4 von rastus

Hallo,
danke schonmal, dass ihr euch dem thema angenommen habt.

Hier der doctype und das div mit inhalt:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
...
<div class="zufallsbilder">
<img src="bild.jpg">
</div>
...


und den entsprechenden ausschnitt der css:


img{ 
  border: 0px; 
} 

div {}

div.zufallsbilder {
width: 70px; 
float: right;

   }
   
div.zufallsbilder img {
border: 5px;
   }



ich hoffe das reicht euch schonmal. die seite ist leider noch nicht auf einem online-webserver

Antwort 5 von katy

Hallo rastus,

Das reicht leider nicht. Bis auf einen HTML-Fehler sehe ich dort nichts und schon gar nichts, was das besagte (Nicht-)Verhalten bewirkt.

katy

Antwort 6 von rastus

Hallo katy,

ok, bevor hier n ewig langer post entsteht, hab ich mal das ganze hochgeladen:

bitteschön, und vielen dank:

http://web110364.rex11.flatbooster.com/support/

mfg
rastus

Antwort 7 von katy

Hallo rastus,

der Browser nimmt für Rahmentyp und -farbe die Default-Werte.

Ergänze sowas wie:
border : 5px red solid; 

und es sollte funktionieren.

Außerdem solltest du den Quellcode (HTML und CSS) validieren, beides weist Fehler auf.

katy

Antwort 8 von rastus

Hallo katy,

habe ich das richtig verstanden?
da ich beim allgemeinen "img" nur den "border" angegeben habe und nicht noch "solid" o.ä. wurde die rahmenart auf "keine linie" gesetzt.
deswegen musste ich sagen "durchgezogene linie" = "solid"

habe das ganze jetzt durch den validator gezogen.
der schlimmste fehler wahl wohl, dass kein zeichensatz angegeben war und am ende der einbindung von der css datei das "/" das zu viel war.

so sieht es jetzt aus:
http://web110364.rex11.flatbooster.com/support/

vielen dank!

mfg
rastus

Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: