Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon rastus vom 10.11.2020, 17:20 Options

css: bild in div anders behandeln

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 schreiben

Antwort 1 von katy vom 10.11.2020, 17:58 Options

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 vom 10.11.2020, 17:59 Options

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 vom 10.11.2020, 18:26 Options

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 vom 11.11.2020, 17:02 Options

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 vom 11.11.2020, 18:56 Options

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 vom 12.11.2020, 17:31 Options

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 vom 12.11.2020, 17:55 Options

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 vom 12.11.2020, 18:17 Options

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

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..