Wie bekomme ich das Bild runter (Html, css)?

Ich wollte bisschen mit html üben und wollte ein bild in die mitte des textrahemns in der mitte setzen doch egal wie ich es ändere es bewegt sich nicht drunter rein ^^ was hab ich falsch gemacht?

2 Antworten

yerooke

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

20.11.2015, 08:52

Schwer zu sagen weil du nur Stückchen von deinem Code und deinem CSS veröffentlicht hast. Ich sehe du arbeitest mit Tabellen - das ist heute nicht mehr zeitgemäß, zumindest was das Design und die Struktur der Webseite betrifft!

Mir fallen jetzt 2 Möglichkeiten ein das Bild nach unten zu zwingen.

Möglichkeit eins - vergebe dem Bild, mittels CSS einen oberen Rand:

<img style="margin-top:20px;" .............>

Eine andere Möglichkeit wäre das Bild relativ zu positionieren und mittels CSS die TOP Position zu verschieben:

<img style="position:relative;top: 20px;" ...................>

Mich4el00

Beitragsersteller

20.11.2015, 08:59

Wenn nicht mit Tabellen wie dann?

Und danke für den Tipp. Hat super funktioniert ^^

yerooke

20.11.2015, 09:05

@Mich4el00

Heute Layoutet man mittels DIV Containern und CSS. Hier ein kleiner Einblick: http://de.learnlayout.com/

rednaxoel

20.11.2015, 08:51

margin-top: ***px;

Und sonst im HTML Dokument evt. Absätze einfügen:

<br />
Bei weiteren Fragen, gerne melden.

Grüsse

Ähnliche Beiträge

[HTML|CSS] <Datalist> größe ändern?

Ist es überhaupt möglich die Eigenschaften (zb Size) einer <Datalist> zu ändern?

HTML:

<datalist id="users" class="dle" >
    ...
</datalist>

CSS:

.dle{
    padding: 3px 4px;
    width: 91px;
    font-size: 15px;
}

Leider passiert da rein gar nichts.

Mit <Input> Feldern und anderen klappt es aber.

...zum Beitrag

Navigationsleiste auf andere html?

Hallo, ich bin ziemlich neu was Websides programmieren angeht und ich finde kein gutes tutorial dazu, wie man wenn man eine Navigationsleiste hat z.b auf Getränke klickt und dann eine andere html/css Seite mit Getränken auftaucht etc.

versuche da auxh bisschen JavaScript mit rein zubringen d.h Benutze die Navigationsleiste von Material Design Lite.

Bin da bisschen überfragt und habe keine ahnung😅

<!-- Always shows a header, even in smaller screens. -->
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
  <header class="mdl-layout__header">
    <div class="mdl-layout__header-row">
      <!-- Title -->
      <span class="mdl-layout-title">Title</span>
      <!-- Add spacer, to align navigation to the right -->
      <div class="mdl-layout-spacer"></div>
      <!-- Navigation. We hide it in small screens. -->
      <nav class="mdl-navigation mdl-layout--large-screen-only">
        <a class="mdl-navigation__link" href="">Link</a>
        <a class="mdl-navigation__link" href="">Link</a>
        <a class="mdl-navigation__link" href="">Link</a>
        <a class="mdl-navigation__link" href="">Link</a>
      </nav>
    </div>
  </header>
  <div class="mdl-layout__drawer">
    <span class="mdl-layout-title">Title</span>
    <nav class="mdl-navigation">
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
    </nav>
  </div>
  <main class="mdl-layout__content">
    <div class="page-content"><!-- Your content goes here --></div>
  </main>
</div>

...zum Beitrag

Schnell Geld mit Html und Css?

Hallo ich habe gute Html und css kenntnisse ich muss schnell an geld kommen was würdet ihr mir empfehlen ich rede nicht von tausenden euros sondern ein bisschen

...zum Beitrag

Css wir bei Visual Studio Code nicht übernommen?

Hallo,

ich muss von der Schule aus eine Webseite mithilfe von html und css in VS Code erstellen. Nun wollte ich eine Tabelle machen was im reinen html einwandfrei funktioniert hat. Nun wollte ich css dazu nehmen, aber alles was ich im css-file mache wird nicht übernommen und es bleibt wie als wäre es nur html. wenn ich aber was in html ändere wird es direkt übernommen also gibts beim speichern keinen Fehler. Ich denke mal, dass ich irgendwo was vergessen habe oder falsch habe- Hab mir auch schon einige Tutorials angeguckt, konnte aber trotzdem nichts finden. Habe es auch teilweiße 1:1 kopiert, aber es ging trotzdem nicht. Hoffe mir kann jemand helfen und mir sagen was ich falsch gemacht habe.

...zum Beitrag

HTML - Objekte "Fixieren"?

Hallo Leute,

Wie macht man so was in HTML/CSS?:

http://beusterse.de

Also das die Seiten immer bleiben und sich nur der Mittelteil bewegt?? Hoffe auf Antworten, Carlo!

...zum Beitrag

Geld mit HTML und CSS?

Könnte man nur mit den beiden bisschen Geld verdienen

...zum Beitrag

mit klasse von bild in HTML CSS einbinden?

Moin ich habe folgendes Problem:

Ich bin daran eine Webseite für meine Bewerbung zu schreiben, und ich habe dementsprechend ein Bild von mir mit rein gepackt.

jetzt wollte ich eine Klasse im <img src="blablabla" alt=" "> definieren.

ich weiss nicht wieso aber im CSS Stylesheet erkennt es die Klasse dann nicht, jedenfalls wird auf der Website nichts verändert.

Hier noch die Fotos von meinem Code:

CSS

HTML

Habe ich irgend etwas falsch gemacht oder kann mir sonst jemand helfen?

...zum Beitrag

CSS: Items untereinander sortieren?

Hallo zusammen,

ich brauche etwas Hilfe mit CSS. Ich habe mir mit HTML ein Div erstellt, und ein paar Social Media Buttons reingepackt:

<div class="social-media-buttons">
<a class="btn" href="https://github.com/dominikdev-m">
<i class="fab fa-github"></i>
</a>
<a class="btn" href="https://twitter.com/DominikMiskovi7">
<i class="fab fa-twitter"></i>
</a>
<a class="btn" href="https://instagram.com/dominik_rxb">
<i class="fab fa-instagram"></i>
</a>
</div>

Dann habe ich mit CSS versucht diese Social Media Buttons untereinander zu sortieren, falls der Nutzer auf einem Gerät ist das maximal 400 Pixel breit ist:

@media only screen and (max-width: 400px) {
    .social-media-buttons {         display: inline-block;     }

Leider funktioniert der CSS Code nicht, die Buttons werden irgendwie komisch sortiert auf dem Smartphone und nicht untereinander. Könnt ihr mir sagen was ich falsch gemacht habe?

Danke im Voraus.

LG, Dominik

...zum Beitrag

Wordpress Seite als eine HTML, CSS und JS Datei exportieren?

Hallo,

ich möchte eine Wordpress-Website statisch wie sie zu sehen ist als HTML, CSS und JavaScript Dateien exportieren. Leider funktioniert dies nicht wie ich es möchte, da alle JavaScript Funktionen für z.B. ausklappbare Menüs in einzelnen JS Dateien liegen. Auch das CSS ist teilweise in der entsprechenden Datei, teilweise aber auch im HTML Code, das ist aber nebensächlich.

Gibt es irgendein Tool - egal ob Online mit GUI oder als Shell Anwendung, dass es mir ermöglicht, die Seite wie von mir beschrieben als Einzeldateien herunterzuladen?
Die Seite läuft nicht über meinen eigenen WP Account, ich kann also keine WP Plugins installieren...

LG und vielen Dank

Andy

...zum Beitrag