Ergebnis 1 bis 4 von 4

Thema: css neuling möchte foto skalieren !! bitte um HILFE!!

  1. #1
    schwoaz
    Gast

    Frage css neuling möchte foto skalieren !! bitte um HILFE!!

    hallo bin neu und unerfahren in ccs möchte ein foto skalieren auf 200px auf 200px in format.css datei fusstopbox-1b jedoch wird mir das bild im größer angezeigt egal was ich in css bzw html schreibe .. wer kann mir tipp geben

    hier die format.css datei



    /* ################################################## ########## */
    /* bereich fusstop */
    /* ################################################## ########## */


    .fusstop-main {text-align:center;
    padding:0;
    margin:0 auto;
    color:#fff;
    border-top:solid .4rem #6C7E5F;
    background:#596B4D;
    background:linear-gradient(to bottom,#3a3a3a, #596B4D );
    }

    .fusstop-main h3 {margin:1rem 0;text-align:left;
    color:yellowgreen;
    font-size:1.6rem;
    border-bottom:dotted .1rem gold;
    }



    .fusstop {display:table;width:100%;
    vertical-align:top;
    height:20rem;
    margin: 0 auto;
    padding:2rem 0;font-size:1.4rem;
    }

    .fusstopbox-1a {display:block;
    padding:1rem ;
    text-align:left;
    }

    .fusstopbox-1b {display:block;
    padding:2rem;
    text-align:left;

    }

    /* contact */

    .fusstopbox-1a .contact .fa {
    width:2rem;
    color:yellowgreen ;
    }

    .fusstopbox-1a .contact {width:26rem;
    padding:0rem;
    margin:0 auto;
    }

    .fusstopbox-1a .contact ul {text-align:left;
    padding:0rem;
    margin:0;
    }

    .fusstopbox-1a .contact li {list-style:none;
    padding:0rem;
    margin:0;
    }


    /* ################################################## ########## */
    /* fusstop-menu */
    /* ################################################## ########## */


    und hier die dazugehörige html datei:




    <li><i class="fa fa-road"></i>Segel-Sport-Fisch-Weg 18</li>
    </ul>
    </div>

    <br>

    <div class="contact">
    <h3>Kontakt</h3>
    <ul>
    <li><i class="fa fa-phone"></i>Phone: (0000) 2468246</li>
    <li><i class="fa fa-tablet"></i>Mobile : (+49) 0000-1234567</li>
    <!-- ################################################## ########## -->
    <!-- fusstop bereich -->
    <!-- ################################################## ########## -->

    <div class="fusstop-main">
    <div class="fusstop">


    <div class="fusstopbox-1a">

    <div class="contact">
    <h3>Adresse</h3>
    <ul>
    <li><i class="fa fa-home"></i>Familie Sch&ouml;nheim</li>
    <li><i class="fa fa-map-marker"></i>12345 Gro&szlig;ersee</li>
    <li><i class="fa fa-fax"></i>Fax: (0000) 7654321-4141</li>
    </ul>
    </div>
    </div>
    <div class="fusstopbox-1b"><!-- Menü -->
    <div class="fusstop-menu">
    </ul>
    </div>
    <!-- Menü ende -->
    </div>

    </div>
    </div>

    <!-- ############################## fusstop ENDE ############################## -->

    <!-- ################################################## ########## -->
    <!-- fuss bereich -->
    <!-- ################################################## ########## -->


    das foto mit 200x 200 px sollte rechts neben der Adressen - Kontaktdaten in der fusstopbox-1b sichtbar sein.

    für eure hilfe bedanke ich mich mal gleich im voraus

    Gruß Schwoaz

  2. #2
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    625
    Danke
    0
    Bekam 73 mal "Danke" in 71 Postings

    Standard AW: css neuling möchte foto skalieren !! bitte um HILFE!!

    Hallo

    Mit deinen Quellcodeschnipseln können wir leider wenig anfangen. Zudem fehlt uns das Bild.

    Deshalb wäre ein Link zu der Seite sinnvoller.

    Wenn du Elemente nebeneinander stellen willst solltest du dich mit Flexbox beschäftigen.

    Grafiken sollte in einem Zeichenprogramm auf die Größe skaliert werden, in der sie maximal angezeigt werden sollen. In deinem Fall also 200px mal 200px. Auch um Besuchern Ladevolumen und -zeit zu sparen. CSS zum Skalieren von Grafiken ist immer nur ein Notnagel, außer Grafiken sollen flexibel angezeigt werden.

    Gruss

    MrMurphy

  3. Folgende User finden die Antwort von MrMurphy gut:


  4. #3
    schwoaz
    Gast

    Standard AW: css neuling möchte foto skalieren !! bitte um HILFE!!

    Zitat Zitat von MrMurphy Beitrag anzeigen
    Hallo

    Mit deinen Quellcodeschnipseln können wir leider wenig anfangen. Zudem fehlt uns das Bild.

    Deshalb wäre ein Link zu der Seite sinnvoller.

    Wenn du Elemente nebeneinander stellen willst solltest du dich mit Flexbox beschäftigen.

    Grafiken sollte in einem Zeichenprogramm auf die Größe skaliert werden, in der sie maximal angezeigt werden sollen. In deinem Fall also 200px mal 200px. Auch um Besuchern Ladevolumen und -zeit zu sparen. CSS zum Skalieren von Grafiken ist immer nur ein Notnagel, außer Grafiken sollen flexibel angezeigt werden.

    Gruss

    MrMurphy

    hallo MrMurphy

    danke zuerst mal für die super schnelle Antwort.
    Habe das foto schon auf 200x 200 px erstellt aber es erscheint immer ganz unten rechts in voller Box größe wenn ich es einfüge.
    Hier der Link zur seite www.schwoaz.de
    möchte in rechter spalte neben der Adresse - Kontakt ein foto mit eben den 200 x 200 px einfügen.
    und ja Layout sollte sich dem Gerät anpassen in dem man es betrachtet ( PC, Tablet oda Handy )

    LG Schwoaz

  5. #4
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.721
    Danke
    24
    Bekam 139 mal "Danke" in 138 Postings

    Standard AW: css neuling möchte foto skalieren !! bitte um HILFE!!

    CrossPost: http://www.html-seminar.de/forum/thr...itte-um-hilfe/
    Bitte entscheide Dich für ein Forum.

    [MOD: geschlossen]

Ähnliche Themen

  1. absoluter php und mysql neuling braucht hilfe für ein projekt zur Datenbank Abfrage
    Von schmaler73 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 39
    Letzter Beitrag: 14.05.2017, 00:40
  2. Neuling Hilfe bei der Richtigen Darstellen der Webseite
    Von Aslan26 im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 14.10.2014, 14:45
  3. Hilfe für einen Neuling!!!
    Von rene1972 im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 04.04.2012, 01:21
  4. PHP Neuling braucht Hilfe
    Von micronix im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 12.07.2010, 11:10
  5. hilfe-totaler neuling!
    Von torgo im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 25.02.2008, 13:20

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •