1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

CSS Border größe

Dieses Thema im Forum "Design" wurde erstellt von Olek_und_Bolek, 2. November 2017.

  1. Olek_und_Bolek

    Olek_und_Bolek Active Member

    Registriert seit:
    20. Februar 2017
    Beiträge:
    36
    Zustimmungen:
    0
    Hallo Gemeinde,
    das ist vieleicht eine Dumme Frage, ich habe Fotos mit die mit einer größe von 75x100 angezeigt werden sollen. ich habe einen Rahmen (Border 4px) um das Foto, das Foto wird dann nur mit 67x92 angezeigt was mach ich falsch.

    Gruß
    Olaf

    .rahmen {
    border: 4px solid #d2d2d0;
    float: left;
    margin: 0 0px 10px 0;
    padding: 0px;
    -webkit-box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 6px;
    }
     
  2. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    103
    google doch mal nach 'box-sizing' damit lässt sich das box-modell, also die Art und Weise wie das Bild und der Rahmen vom Browser gerendert, werden manipulieren.
     
  3. Olek_und_Bolek

    Olek_und_Bolek Active Member

    Registriert seit:
    20. Februar 2017
    Beiträge:
    36
    Zustimmungen:
    0
    Hallo,
    kann es sein das box-sizing nur für DIVs sind?

    Gruß
    Olaf
     
  4. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.341
    Zustimmungen:
    420
    Hast du es mal probiert?
    Teste einfach mal box-sizing: content-box;
     
  5. Olek_und_Bolek

    Olek_und_Bolek Active Member

    Registriert seit:
    20. Februar 2017
    Beiträge:
    36
    Zustimmungen:
    0
    Hallo,
    Danke für die Tipps
    ich habe es so hin bekommen

    .rahmen {
    float: left;
    margin: 0 0px 10px 0;
    -webkit-box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 6px;
    box-sizing: border-box;
    width: 83px;
    height: 108px;
    padding: 4px;
    background: #d2d2d0;

    Gruß
    Olaf
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden