css wo und wie ändern - foto am linken rand positionieren

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Du müsstest bei Dir das padding von #main ändern. Oder Du positionierst es mit position:absolute etc.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Ich denke Du müsstest das Theme manuell mit z.B. "Codestyling Localization" übersetzen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • ok gefunden. style.css und habe das padding bei main von 40px auf 0 geändert. dann ist das bild zu weit links. also nehme ich an padding wieder dazu oder gibts da eine bessere lösung dass das bild automatisch bei der weissen linie links beginnt?


    mit padding 10 passt das jetzt aber jetzt pickt der test auch ganz links. schaut komisch aus. wie löse ich das?

    Einmal editiert, zuletzt von alexandervienna (24. Oktober 2013 um 12:32)

  • Zu Deinem Image Problem, versuch mal das in der style.css:

    Code
    #content img {
    max-width: 680px;
    height: auto;
    }


    Edit: Du hast das padding für Rechts geändert nicht für Links. Mach das mal wieder rückgängig und probiere den Tipp.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Einmal editiert, zuletzt von SirEctor (24. Oktober 2013 um 12:31)

  • http://www.diefleischerei.at/wordpress/category/allgemein/

    Blog sieht jetzt komisch aus. geht das irgendwie dass die bilder über die gesamte fläche laufen und der text einen abstand von 10px links und recht hat? wie müsste da der css code aussehen.


    ok gefunden. style.css und habe das padding bei main von 40px auf 0 geändert. dann ist das bild zu weit links. also nehme ich an padding wieder dazu oder gibts da eine bessere lösung dass das bild automatisch bei der weissen linie links beginnt?


    mit padding 10 passt das jetzt aber jetzt pickt der test auch ganz links. schaut komisch aus. wie löse ich das?

  • mach Deine Änderung Rückgängig und teste mal:

    Code
    #content img {margin-left:-30px;}


    Keine Ahnung ob das in allen Browsern problemlos funktioniert.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • yes, jetzt sieht es so aus wie ich das wollte. vielen dank sirector! dass mit dem browsern ist ein thema. es gibt du website auf denen man seine eigene url (von seiner website) eingeben kann und die dann eine vorschau erstellen wie es unter opera, chrome, ff, ie usw. aussieht und auch wie die seite auf mobilen geräte aussieht bzw. funktioniert. kennt ihr solche seiten? könnt ihr da eine empfehlen?


    @ noch zu den blogbildern. wenn ich die auch so breit haben will (über die gesamte breite) wo gebe ich das an. max height? http://www.diefleischerei.at/wordpress/category/allgemein/

  • #content img
    {margin: 0px 0 0px;
    border: none;
    margin-left:-30px;
    margin-right:-30px;
    max-width: 740px;
    height: auto;
    }


    habe die css jetzt so geändert. nur rechts habe ich noch 30px abstand wenn das bild nicht 740px breit ist. das grosse bild mit 740px breite passt perfekt, das kleine rechts ausgerichtete bild(ist nur 200px breit) hat noch einen abstand von 30px.

    und kann ich den text neben das bild (das kleine mit 200px breite) setzen oder muss der über dem bild sein? danke :)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!