Warum wird in html/css das Bild nur angesprochen wenn ich Bilder allgemein anwähle und nicht wenn ich die ID des parent div anwähle?

1 Antwort

Du sprichst das Element mit der id "titel_img" an. Sonst nichts. Das Bild reicht über den Rand des divs hinaus und wenn nicht overflow: hidden gesetzt ist, sieht man es eben ganz normal.

Wenn Du das Bild ansprechen willst ginge das z.B. so:

#titel_img  img {width: 200px;}

Oder Du könntest dem Bild die Breite 100% geben, dann würde es sich nach der Breite seines Elternelements richten.

aaaaachso stimmt so ging das ja... aber ich dachte das wird vererbt... aber andere Frage: Wie macht man dieses Codebeispiel hier? Muss ich den ganzen Code auswählen und dann auf den Knopf drücken oder wie?

0
@pixxelgamer

Ja, im Prinzip schon. Aber die Code-Formatierung hier ist nicht besonders toll.

2

4 divs nebeneinander anordnen

Hallo, ich habe 4 divs, die in einem großen div direkt nebeneinander liegen sollen.

ich hab erstmal ohne stylesheet angefangen:D

http://finnzentgraf.fi.funpic.de/Untitled-1.html

warum leigen die alle untereinander, und sogar außerhalb des großen divs?

...zur Frage

HTML onClick anderes Bild position ändern?

Hallo!

Ich möchte, dass wenn man auf ein Bild klickt, dass ein anderes "erscheint" bzw. die Position gesetzt wird, so dass es im Bild ist. Nur kann das onClick "Event" die id/den Namen des Bildes nicht finden bzw. setzt einfach die Position nicht.

Code:

<img src="rot2.jpg" name="KPH" height="60" width="100">
<img src="DreiStriche.jpg" height="50 width="50" style="position: absolute; top: 5px; left: 10px;" onclick="this.style.top='1050px'; KPH.style.left='100px';">
...zur Frage

Bild oder Elemente unter Div Bereich anordnen

Hallo, ich möchte ein Bild in einem Div Container immer horizontal und vertikal zentriert haben. Der Div Container hat eine feste Höhe und eine variable Breite (z.B 30%). Somit muss das Bild größer als der Div Container sein. Die Zentreirung funktioniert nur das Problem ist das das Bild nicht an den Kanten des Div´s abgeschnitten wird sondern man das ganze Bild sieht. Meine Frage ist nun wie kann ich größere Bilder oder Elemente nicht außerhalb des div´s anzeigen lassen, wenn ich sie in den div-bereich setzte ?

<div id="kasten">   <- nur sichtbarer Bereich des darunter
                        liegendem divs (z.B. width: 30%;
                        height: 500px; )
<div id="größeresbild">  <- übernimmt die Positionierung des Bildes
<img .... das Bild >
</div>
</div>) 
...zur Frage

Ich möchte ein div mit Bild in einem div zentrieren?

Das hier ist der Code in CSS:

Das ist der Code in HTML:

Nun die Frage: Wie schaffe ich es, das Bild zentriert anzeigen zulassen? Und nein das Bild in einen <img> Tag zu packen würde bei meiner Seite zu einem Problem führen. Ich danke euch :)

...zur Frage

HTML/CSS- Style für ein Elemnt nicht annehmen?

Hallo

Ich habe auf eine Seite 3 Bilder, die jeweils unterdem tag <img href"..."> eingefügt sind. In meiner CSS Datei definiere ich dass img{ width 960px}.
Wie kann ich ein viertes Bild einfügen ohne, dass es die im CSS definierte Größe annimmt?

PS: Ja ich bin HMTL/CSS Anfänger ;)

...zur Frage

Wie kann ich das Bild beim Überfahren mit der Maus ändern?

Hallo liebe Leute,

ich mache momentan ein Praktikum und habe eine Aufgabe bekommen, zu der ich zwar viel gegoogelt, aber leider keine Lösung hinbekommen habe.

Vielleicht könnt ihr mir dabei helfen?

Die Aufgabe lautet:

Beim Überfahren des Frosches mit dem Mauszeiger springt der Frosch auf den Boden. Wenn man auf das Podest klickt, dann sitzt er wieder oben auf seinem Podest.

Der HTML-Code:

<form>
  <div>
    <input id="podest" type="button" value="zurück"/>
  </div>
  <div id="frosch">
    <img alt="" border="0" height="136" src="frosch.png" width="150"/>
  </div>
</form>

Der CSS-Code:

body {
  background-color: white;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 15pt;
  color: green;
}

#frosch {
  position: absolute;
  bottom: 330px;
  left: 200px;
}

#podest {
  position: absolute;
  bottom: 0px;
  left: 200px;
  height: 350px;
  width: 150px;
  background-color: orange;
  color: white;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 20pt;
}

Das soll also mit JavaScript gemacht werden.

Vielen Dank im Voraus!

MfG

...zur Frage

Was möchtest Du wissen?