Beiträge von -topper-

  • gequetschte bilder

    Zitat von cebito

    Das ist natürlich allemal besser, weil sie so nicht Browserscaliert werden.


    genau das scheint aber das problem zu sein.
    habe jetzt mal via FTP die bilder hochgeladen und wenn ich sie dann zum artikelbild auswähle werden sie gar nicht mehr angezeigt...
    werde gleich mal den css vorschlag ausprobieren, auch wenn mir der vorskalierungsweg (den ich ja auch ursprünglich plante) wesentlich lieber wäre.

    danke nochmla für alle hilfe bis hierher!

  • gequetschte bilder

    Zitat von ptra

    Wenn du die Bilder gleich in der richtigen Größe nehmen würdest, dann gäb´s keine Probleme mehr.
    http://www.luftmensch.de/wp-content/upl…se2-145x145.jpg
    Hier der CSS-Style, der deine quadratischen Bilder in querformatige quetscht - egal, was du im Backend auswählst.

    Code
    .thumb span {
    background: none repeat scroll 0 0 #FCF2AD;
    display: block;
    height: 200px;
    left: 0;
    position: absolute;
    top: 0;
    width: 300px;

    Gruß. Petra ;-)

    danke schonmal für die antwort, aber irgenwie schein ich auf dem schlauch zu stehen. als anfänger formuliere ich jetzt nochmal, was ich jetzt gemacht habe:
    1. bild gelöscht
    2. bild nocheinmal hochgeladen
    3. vollständig anzeigen (300x200) ausgewählt
    4. bestätigt
    5. ERGEBNIS: unverändert (also immer noch gestreckt/gequetscht)

  • gequetschte bilder

    so, eine letzte frage für heute hätte ich dann doch noch ;-)

    habe es geschafft das theme so zu verändern, dass ich drei kategoriebilder nebeneinander auf der startseite habe (größe jeweils 300px x 200px)
    wenn ich jetzt allerdings ein bild einfüge wird das immer verzerrt (--> siehe: http://www.luftmensch.de/ ), obwohl das vorschaubild in der 'artikel erstellen' maske richtig aussieht... was mache ich in meinen einstellungen falsch? vielen liebe dank für eure hilfe, und hier kommt der code zur geschichte:

    /*** Content ***/

    .middle {padding: 0 15px 61px 0;}
    .container {padding-bottom: 100px;}
    .content {width: 785px; float: right;}

    #show {width: 785px; overflow: hidden; margin-bottom: 10px;}
    #show img {cursor: pointer;}
    #show_nav a {font-size: 11px; color: #b8b8b8; text-decoration: none; margin-right: 10px;}
    #show_nav a:hover, #show_nav .activeSlide {color: #fff18f;}

    .post_home {width: 300px; float: left; margin: 0 0 30px 15px;}
    .thumb {display: block; width: 300px; height: 200px; margin-bottom: 5px; position: relative; color: #333;}
    .thumb img {display: block; width: 300px; height: 200px;}
    .thumb span {display: block; width: 300px; height: 200px; position: absolute; top: 0; left: 0; background: #fcf2ad;}
    .post_home h2 {font-size: 11px; font-weight: bold;}
    .post_home h2 a {color: #ccc; text-decoration: none;}
    .post_home h2 a:hover {color: #fff18f;}

    ___
    p.s.: da ihr die originalbilder nicht kennt, vllt noch so viel: die bildhöhe wird jeweils richtig dargestellt, allerdings sind die bilder im original breiter (vorformatiert auf 300x200)

  • theme zentrieren

    alles klar, hat funktioniert! vielen dank für die schnelle hilfe!
    und vllt noch eine frage. wenn du schreibst dass css ohne html wie farbe ohne wand ist: was hätte ich anders schreiben können? damit ich es beim nächsten mal auch mit 'wand' schaffe. ;-)

  • theme zentrieren

    hallo allerseits,
    habe kaum css erfahrung und mein googlen zum thema hat mir leider nicht weitergeholfen. was ich machen will: mein blog theme (auf allen seiten) zentrieren. dass ich wohl etwas im style.css ändern muss, soweit bin ich schonmal ;-)
    mag mir vielleicht einer von euch verraten wo, und was?

    hier mein css:
    _________

    /*** Reset ***/

    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;}
    body{line-height:1;text-align:left;}
    ol,ul{list-style:none;}
    blockquote,q{quotes:none;}
    blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
    :focus {outline:0;}
    ins{text-decoration:none;}
    del{text-decoration:line-through;}
    table{border-collapse:collapse;border-spacing:0;}

    /*** Main ***/

    html, body {height: 100%;}
    body {font: 62.5% Helvetica, Arial, sans-serif; background: #333;}
    .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
    .left {float: left;}
    .right {float: right;}
    .wrapper {width: 975px; min-height: 100%; position: relative; padding-left: 30px;}

    _______

    vielen lieben dank, und einen schönen sonntag abend.
    mfg, der christo

  • vorschaubilder größe verändern

    Hallo allerseits,
    bin neu hier im Forum, und auch noch relativ unerfahren in Sachen wp.

    Benutze wp (eigengehostet) auf meiner Homepage und habe eine Frage bezüglich der Modifikation des von mir benutzten Templates.
    Das template was ich benutze, erlaubt auf der Startseite verschiedene Fotoordner mit Vorschaubild anzuzeigen.
    Da ich allerdings beabsichtige lediglich drei solcher Kategorien zu benutzen will ich die Vorschaubilder so weit 'vergrößern', dass drei rechteckige Kategorievorschaubilder untereinander erscheinen und nicht, wie im Moment, klein und quadratisch neben einander stehen.
    Wäre toll wenn mi jemand helfen könnte die ersten Schritte in wp zu gehen.

    die seite um die es sich handelt, zur Anschauung: http://www.luftmensch.de
    Name des Themes ist 'portfolium' von 'wpshower'.

    Vielen Dank, mfG, Christo