Wie reduziere ich meine Bildbreite in ID-Tags?

Question

Mit ID-Tag für Slidebar, kann ich nicht die Breite und Höhe reduzieren oder kann es nicht reagieren in HTML-Tag-Größe.

Answer 1

Eine ID soll eine eindeutige Kennung für nur ein einzelnes Element auf der Seite sein. So müssen Sie ändern:

id="fixed-width-flamingo" 

so lesen sie:

class="fixed-width-flamingo" 

Ich nehme an, Sie verwenden entweder eine interne (im .html < head>) oder extern (in a. CSS-Datei), so müssen Sie auch CSS ändern:

#fixed-width-flamingo 

Änderungen:

.fixed-width-flamingo 

Typischerweise externe CSS-Dateien werden bevorzugt, weil dann auf die einzelnen CSS-Datei ändert alle Seiten betreffen, in denen Sie gehören, dass CSS-Datei in dem < head>

Also einfach über die Attribute einen gehen kann darauf eingestellt sein. Ihre css sollte lesen so etwas wie

<a href="#"><img src="images/foo.jpg" title="bar" class="fixed-width-flamingo" /></a> 

Dann: Ihre HTML sollte lesen so etwas wie

.fixed-width-flamingo { 
    max-width: 400px; 
    max-height: 300px; 
} 

Ich schlage vor, max-width und max-height anstelle von nur Breite und Höhe, weil dann Ihre Bilder kann bei Bedarf verkleinert werden, zum Beispiel auf einem Telefon oder einem Tablet.

Auch Sie haben einen Tippfehler, die ich glaube, ist, warum Sie dieses Highlights in Ihrem Texteditor bekommen, müssen Sie ein "nach ut ac lacus in Ihrem letzten img Tag hinzuzufügen und einen der entfernen "Nach Flamingo mit fester Breite auch auf dieser Linie.