Versionen dieses Beitrags

bild in div einfügen

Avatar 1 Matthias Scharwies
  • bild in div einfügen
  • Servus!
  • > Hi,
  • > ich benötige dringende Hilfe in der Thematik HTML-Websitedesign!!
  • > Das Problem ist die box1, das Bild lässt sich in der rechten Ecke nicht positionieren.
  • > Meine Datei der Formatierung habe ich hier eingefügt:
  • >
  • > ~~~CSS
  • > #kopf{
  • > }
  • >
  • > #kopf a{
  • > }
  • >
  • > box1{
  • > align: right;
  • > top:5px;
  • > right:100px;
  • > float: left;
  • > }
  • > ~~~
  • >
  • >
  • > Hat jemand hilfreiche Tipps und Tricks wie man dies Bild verschiebt anbei ein noch erklärendes Fotos des Problems.
  • Hallo Ixam,
  • herzlich willkommen bei SELFHTML!
  • [Suche im Wiki](https://wiki.selfhtml.org/index.php?search=align&title=Spezial%3ASuche&go=Seite) mal nach "align". Diese CSS-Eiegenschaft gibt es **nicht**!
  • [Suche im Wiki](https://wiki.selfhtml.org/index.php?search=align&title=Spezial%3ASuche&go=Seite) mal nach "align". Diese CSS-Eigenschaft gibt es **nicht**!
  • top und right verwendet man nur bei absoluter Positionierung, die man aber normal vermeiden sollte.
  • Verwende entweder `float: right` - warum hat das bei dir den Wert left? oder positioniere mit Flexbox oder Grid.
  • * [Einstieg in CSS](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg)
  • * [Einstieg in Grid Layout](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid)
  • BTW:
  • Dein erstes a war nicht geschlossen.
  • Ich würde HTML5-Elemente nehmen:
  • ~~~HTML
  • <header id="kopf">
  • <a href="index.html">Kurssystem am beruflichen Gymnasium BSZ TW Riesa</a>
  • <a href="https://bsztw-riesa.de/">
  • <img src="Logo Bsz.tw.png" alt="Logo BSZ TW">
  • </a>
  • </header>
  • ~~~
  • Herzliche Grüße
  • Matthias Scharwies
  • --
  • *"I don’t make typos. I make new words."*

bild in div einfügen

Avatar 1 Matthias Scharwies
  • bild in div einfügen
  • Servus!
  • > Hi,
  • > ich benötige dringende Hilfe in der Thematik HTML-Websitedesign!!
  • > Das Problem ist die box1, das Bild lässt sich in der rechten Ecke nicht positionieren.
  • > Meine Datei der Formatierung habe ich hier eingefügt:
  • >
  • > ~~~CSS
  • > #kopf{
  • > }
  • >
  • > #kopf a{
  • > }
  • >
  • > box1{
  • > align: right;
  • > top:5px;
  • > right:100px;
  • > float: left;
  • > }
  • > ~~~
  • >
  • >
  • > Hat jemand hilfreiche Tipps und Tricks wie man dies Bild verschiebt anbei ein noch erklärendes Fotos des Problems.
  • Hallo Iam,
  • Hallo Ixam,
  • herzlich willkommen bei SELFHTML!
  • [Suche im Wiki](https://wiki.selfhtml.org/index.php?search=align&title=Spezial%3ASuche&go=Seite) mal nach "align". Diese CSS-Eiegenschaft gibt es **nicht**!
  • top und right verwendet man nur bei absoluter Positionierung, die man aber normal vermeiden sollte.
  • Verwende entweder `float: right` - warum hat das bei dir den Wert left? oder positioniere mit Flexbox oder Grid.
  • * [Einstieg in CSS](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg)
  • * [Einstieg in Grid Layout](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid)
  • BTW:
  • Dein erstes a war nicht geschlossen.
  • Ich würde HTML5-Elemente nehmen:
  • ~~~HTML
  • <header id="kopf">
  • <a href="index.html">Kurssystem am beruflichen Gymnasium BSZ TW Riesa</a>
  • <a href="https://bsztw-riesa.de/">
  • <img src="Logo Bsz.tw.png" alt="Logo BSZ TW">
  • </a>
  • </header>
  • ~~~
  • Herzliche Grüße
  • Matthias Scharwies
  • --
  • *"I don’t make typos. I make new words."*