Image Border geht nicht weg...

  • Hallo, ich hab schon gesucht. Irgendwie wollen alle einen Rahmen um die Bilder, nur ich will ihn weghaben :D

    Zum Problem:
    http://www.zippster.de
    Um alle Bilder (anscheinend nur Bilder die verlinkt sind) befindet sich bei mir im Firefox und IE ein schwarzer Rahmen. Bei Opera nicht.
    Style.css schon durchsucht, da hab ich border schon auf 0 gesetzt :(

    Würde diesen Rahmen gerne weghaben (oder wenigstens weiße Farbe...)
    Nun kann ich mir gut vorstellen das dies an dem "Unterstreichen" der Bilder beim drüber gehen mit der Maus liegt. Dürfte das Padding sein, oder?
    Das würde ich gerne behalten, aber der Rahmen eben weiß... das wäre jut.

    Hab auch gemerkt das der IE die "< hr >" Linie anders darstellt als Opera und Firefox.
    Da empfielt sich wohl eher ein Bild zu nehmen, oder gibt's da auch ne Lösung?

    Meine Style.css
    http://zippster.de/wp-content/the…theme/style.css


    Freue mich auf Antworten und Hilfe. :)

    • 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

  • Moin :)

    Code
    img { border: none }


    Das mit dem hr-Tag ist semantisch hier sowieso nicht angebracht. Pack das weg und definiere das per CSS mit border, z.B. so:

    Code
    .entry { padding: 10px 0; border-bottom: 1px solid black }
  • Aarrrgghhh, so einfach. 'sch kotze :D
    Vielen Dank!!!

    Das .entry einfach in die style.css reinhauen?
    Wie binde ich den Strich dann in einen Artikel ein?
    Derzeit mach ich ja einfach: <hr noshade size="1" />

  • Okay, hab das jetzt einfach zwischen img und dem ersten Bereich da gehauen.

    body {
    margin: 0;
    }
    img {
    border: none
    }
    .entry {
    padding: 10px 0;
    border-bottom: 1px solid black
    }
    #rahmen-gesamt{
    width:762px;
    margin: auto;
    }

    Wenn ich jetzt einfach <hr> mache hab ich zwar die Linie, aber der IE macht sie grau, der FF und Opera aber mit.. Schatten oder sowas. Ist zumindest kein einfaches Schwarz.
    Irgendwas mach ich falsch... :)

  • Irgendwas mach ich falsch... :)


    Ja: du verwendest den hr-Tag ;)
    Lass ihn weg, der macht nur Ärger und ist selten semantisch wirklich notwendig...
    Mit dem CSS, dass ich dir oeben geben habe, müsstest du den ähnlichen Effekt erlangen.

  • Ja, aber wie binde ich die Linie dann in den Artikel ein?
    Das ist ja keine automatisch erzeugte... die Linien hab ich ja per hr Tag manuell in den Artikel eingefügt nach dem Text, oder Bild... da wo ich halt wollte... jetzt müsste ich das ja auch irgendwie wieder machen :)

  • Ja, aber wie binde ich die Linie dann in den Artikel ein?
    Das ist ja keine automatisch erzeugte...


    Doch, das versuche ich dir doch schon die ganze Zeit zu erzählen ;)

    (mein Fehler: aus dem Punkt musst eine Raute machen:)

    Code
    #entry { padding: 10px 0; border-bottom: 1px solid black }
  • Ich hatte diese manuell mit <hr> in den jeweiligen Artikel eingefügt.
    Das waren nicht die automatischen von Wordpress gemachten.
    Gut, jetzt sind die nach jedem Artikel automatisch drin... auch nich schlecht.

    Problem war nur das ich vorher nicht für jedes Shooting ein neuen Artikel gemacht hatte... und daher nicht überall Linien hatte wo ich wollte :)

Jetzt mitmachen!

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