wie kann ich ein Bild nach rechts verschieben HTML?
Wie kann ich zwischen den beiden Bildern einen Abstand lassen bzw das 2 Bild nach rechts verschieben?
der HTML CODE:
<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="//ws-eu.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&OneJS=1&Operation=GetAdHtml&MarketPlace=DE&source=ac&ref=qf_sp_asin_til&ad_type=product_link&tracking_id=28051993-21&marketplace=amazon®ion=DE&placement=B01G3M649Y&asins=B01G3M649Y&linkId=ae6a78a0856fbe5a7df91f8c8f756029&show_border=false&link_opens_in_new_window=true&price_color=333333&title_color=003cbf&bg_color=ffffff">
</iframe>
Beide haben den gleichen quellcode alsooben 2x habe ich es eingefügt in der website
2 Antworten
Mit CSS kannst du einen Abstand definieren.
Dieser Elementselektor:
iframe {
margin-right: 10px;
}
würde bspw. dafür sorgen, dass nach jedem iFrame ein Abstand von 10px nach rechts zugefügt wird. Um den Abstand beim letzten iFrame im Container auszulassen, kann noch ein zweiter Selektor definiert werden:
iframe:last-of-type {
margin-right: 0;
}
CSS wird innerhalb des head in style-Tags definiert oder via link-Tag im head als externe Datei eingebunden.
PS.: Attribut wie marginheight, marginwidth, frameborder oder scrolling wurden schon vor einiger Zeit als veraltet gekennzeichnet. Nutze CSS (border, margin, ...) stattdessen.
style="margin-left: ???"
oder padding, idk.