Bild verkleinern mit CSS Befehl

Dieses Thema im Forum "Computer & Internet" wurde erstellt von Schmidti, 8. Januar 2010.

  1. Schmidti

    Schmidti Forums Stammgast

    Registriert seit:
    11. Oktober 2005
    Beiträge:
    912
    Zustimmungen:
    0
    Ort:
    Wetzlar, Germany
    8. Januar 2010 #1
    Hallo ihr Lieben.

    Ich habe mal eine Frage.
    Seit kurzem muss ich des öfteren mit CSS Befehlen um mich hauen.

    Allerding ist das absolutes Neuland für mich.

    Ich habe jetzt ein Bild welches ich hochgeladen und in eine Seite eingebunden habe. Jetzt möchte ich das kleiner machen.
    Ich finde zwar in google die Befehle Height und Weight, weiss aber nicht wo ich die einbinden muss.

    <img src='http://www.radio-w7.de/images/screencapture_041.jpg' style='margin:5px' align='left' />

    Das ist mein Text.
    Wie müsste der Satz aussehen um das Bild zb. auf 300x200 px zu machen.

    Und dann noch eine Frage.
    Ebenfalls ein Bild welches ich hochgeladen habe und mittig zentrieren möchte.
    Der Befehl center positioniert das bild trotzdem links.
    Ich konnte jetzt nur mithilfe des Abstand das Bild mittig positionieren.
    Allerdings vergrößert sich ja auch der Abstand nach oben und unten wenn ich die px so eingebe.

    <a href='http://cms.ebene-3.com/' target='_blank'><img src='http://www.radio-w7.de/images/vorankuendigung.jpg' style='margin:160px' align='center' /></a>

    Vielleicht könnt ihr mir da auch weiterhelfen.

    Vielen lieben dank im vorraus.
     
    Zuletzt bearbeitet: 8. Januar 2010
  2. Peupi

    Peupi Forums Fortgeschrittene(r)

    Registriert seit:
    19. Oktober 2008
    Beiträge:
    311
    Zustimmungen:
    8
    Geschlecht:
    männlich
    Ort:
    Nortrup, Germany
    8. Januar 2010 #2
    width='300'

    height='200''
     
  3. TS
    Schmidti

    Schmidti Forums Stammgast

    Registriert seit:
    11. Oktober 2005
    Beiträge:
    912
    Zustimmungen:
    0
    Ort:
    Wetzlar, Germany
    8. Januar 2010 #3
    ja das weiss ich...
    nur wo muss das rein in den satz?

    und da müssen ja bestimmt wieder irgendwelche zeichen gesetzt werden
     
  4. PaintSplasher

    PaintSplasher Forums Inventar Mitarbeiter Administrator Moderator

    Registriert seit:
    20. April 2002
    Beiträge:
    5.137
    Zustimmungen:
    46
    Geschlecht:
    männlich
    Ort:
    Dreieich, Deutschland
    8. Januar 2010 #4
    Wenn du mit CSS arbeiten möchtest dann müsstest du es korrekterweise
    so schreiben, dann ist es auch valide.

    Code:
    <head>
<style>
.img {
 width: 300px;
 height: 200px;
 border: hidden;
 margin: 50px 0 0 50px; /* 1. Abstand links, 4. Abstand von oben */
}
</style>
</head>
<body>
<img class="img" src="http://...." alt="Bild" />
</body>
</html>
     
  5. TS
    Schmidti

    Schmidti Forums Stammgast

    Registriert seit:
    11. Oktober 2005
    Beiträge:
    912
    Zustimmungen:
    0
    Ort:
    Wetzlar, Germany
    8. Januar 2010 #5
    Da das wirklich Neuland ist, bin ich mir net sicher ob das CSS ist...

    Ich binde das einfach so in die Homepage ein..

    Und da ist alles in Sätzen geschrieben...

     
    Zuletzt bearbeitet: 8. Januar 2010
  6. PaintSplasher

    PaintSplasher Forums Inventar Mitarbeiter Administrator Moderator

    Registriert seit:
    20. April 2002
    Beiträge:
    5.137
    Zustimmungen:
    46
    Geschlecht:
    männlich
    Ort:
    Dreieich, Deutschland
    8. Januar 2010 #6
    Aha, na das ist ja ein vorprogrammiertes CMS quasi. Da bist du an den
    Editor gebunden, da solch Änderungen entweder ignoriert werden oder
    den Style zerstören können.

    Und ein Tipp: <br><br><br><br><br><br><br><br><br>

    OMG mach das weg :D Wenn schon <br /> oder <p>&nbsp;</p> nutzen :)
     
  7. TS
    Schmidti

    Schmidti Forums Stammgast

    Registriert seit:
    11. Oktober 2005
    Beiträge:
    912
    Zustimmungen:
    0
    Ort:
    Wetzlar, Germany
    8. Januar 2010 #7
    Was meinst du mit an den Editor gebunden...

    Bisher hat das unser Webmaster immer gemacht.
    Der konnte auch einfach mit den Sätzen da einfach arbeiten.

    Der hatte mir das auch mal gezeigt.
    Der hat in den Satz da einfach irgendwo height und weight mit ein paar Zeichen eingesetzt und schon war das bild kleiner..

    Hmm...
     
  8. PaintSplasher

    PaintSplasher Forums Inventar Mitarbeiter Administrator Moderator

    Registriert seit:
    20. April 2002
    Beiträge:
    5.137
    Zustimmungen:
    46
    Geschlecht:
    männlich
    Ort:
    Dreieich, Deutschland
    8. Januar 2010 #8
    Naja hat nie einer gesagt das es nicht geht, aber du sprachst von CSS ;)

    Naja dann hau das einfach so rein, valide und schön ist was anderes aber funktioniert.

    Code:
    <img src="http://..." style="width:300px;height:200px;" align="left" alt="" />
    Das margin hat so wie es dort steht keine Auswirkung, daher entfernt.
     
  9. Bender

    Bender Gast

    8. Januar 2010 #9
    hey paint gehört zwar hier nicht rein aber ich hab gemerkt das die w3c xhtml/css buttons ganz unten fehler in der seite finden, und das fast überall?
     
  10. TS
    Schmidti

    Schmidti Forums Stammgast

    Registriert seit:
    11. Oktober 2005
    Beiträge:
    912
    Zustimmungen:
    0
    Ort:
    Wetzlar, Germany
    8. Januar 2010 #10
    vielen dank paint.. hat einwandfrei funktioniert ;-)
     
  11. PaintSplasher

    PaintSplasher Forums Inventar Mitarbeiter Administrator Moderator

    Registriert seit:
    20. April 2002
    Beiträge:
    5.137
    Zustimmungen:
    46
    Geschlecht:
    männlich
    Ort:
    Dreieich, Deutschland
    8. Januar 2010 #11
    Gerne doch.

    @Bender, ja ist bekannt. Es beschränkt sich aber auf die Bannerrotation im Header,
    dafür gibt es meines Wissens noch keine Valide lösung, darum glaubst du auf allen
    Seiten bestehen Fehler :)

    Wird mit vB4 aber ebenso behoben sein, da es dann gescriptet ist.