Frage von CanonLiebhaber, 38

Wie bekomme ich die genaue Größe eines bestimmten Bereiches einer Website heraus, damit ich passend zu dem Bereich ein Bild erstelle, was ich via html einfüge?

Hilfreichste Antwort - ausgezeichnet vom Fragesteller
von Geldon, 16

Wenn du Bildgrößen verschiedener Websites rausfinden willst, benutzt doch strg+shift+i.
Das sollte in den meisten Browsern die entwicklertools öffnen.

Dort befindet sich dann eine Lupe o.Ä. (ggf. Oben links) - damit kannst du Elemente inspizieren. In deinem Fall dann einfach über das Bild bzw. über seinen container fahren und dir werden die pixelmaße angezeigt.

Hoffe das hilft, schönen abend!

Kommentar von perhp ,

wieso so kompliziert? f12 ist doch viel einfacher beim drücken,als drei Tasten gleichzeitig :D

Antwort
von TanteHolger, 19

Du kannst das Bild auch mit CSS an den übergeordneten Container passend anzeigen lassen.

Dazu folgendes in die css:

.img{width:100%; height:auto;}

Und die Grafik dann wie folgt einbinden.

<img class="img" src="/pfad/zum/bild/bild.png" alt="" />

Gruß: Holger

Kommentar von CanonLiebhaber ,

Danke dir! Da ich aber leider keine css habe, da ich nur ein Bild passend in einer schon vorhandenen Website/Blog einfügen möchte wird das denke ich so nicht funktionieren?!?!

Kommentar von TanteHolger ,

Wenn Du die Möglichkeit hast im Quelltext zu arbeiten, kannst Du auch die CSS-Angaben im Tag selber schreiben. Das würde dann so aussehen.

<img style="width:100%; height:auto;" src="/pfad/zum/bild/bild.png" alt="" />
Kommentar von CanonLiebhaber ,

Super Danke!!

Kommentar von TanteHolger ,

Kein Problem =)

Antwort
von jopo2000, 19

Mit Javascript und vlt auch JQuery. Einfach mal jquery div size bei google eingeben

Keine passende Antwort gefunden?

Fragen Sie die Community

Weitere Fragen mit Antworten