"Green Marine": Grünen Rand bei Bildern bedingt unterdrücken?

  • Titel sagts eigentlich schon, ich nutze das Green Marine-Theme (http://www.vrisom.de), bei welchem jedes eingebundene Bild automatisch einen Rahmen + einen weissen Rand erhält. Das sieht zwar schick aus, es gibt aber Bilder die ich gerne vollkommen "unbehandelt" zur Schau stellen möchte, so werden z.b. Texte durch graphische Smilies stark verzerrt, und auch ein paar Ideen bzgl. Graphic-Slices lassen sich mit der derzeitigen Bildbehandlung nicht optimal erreichen.

    Daher meine Frage, bzw. Idee, ob es nicht möglich wäre in den CSS-Files (oder wo auch immer sich die Behandlung der Bilder versteckt, hab es bislang nämlich nicht gefunden!) eine spezielle Class hinzuzufügen, welche Bilder eben komplett unverändert lässt. So das ich solche speziellen Bilder, die diesen Rahmen+Rand nicht haben sollen, mit einer Klassenangabe von dieser Formatierung ausschließen kann. Andersrum würde ich es nicht gern haben wollen (also nur eine spezielle Klasse definieren damit die Bilder mit Rahmen+Rand angezeigt werden, ohne Klasse normal), da die meisten Bilder mit dem Rand etc. schon bleiben sollen - nur eben nicht alle ;)

    Hoffe ihr habt mich verstanden :D

    Einmal editiert, zuletzt von AndrewPoison (6. Mai 2006 um 12:37)

    • 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

  • die smilies vonwordpress haben die class

    .wp-smiley
    magst Du keinen smilie mit einem Rand dann schreibe in die style.css
    am besten oberhalb von
    Accessibility

    img.wp-smiley{border:none;}

    müßte klappen,

    in diesem Theme erhalten die Bilder durch folgende Angabe einen Rand:
    .main img {
    padding: 3px;
    border: 1px solid #ACE149;
    }

    dies bedeutet alle Bilder, die unterhalb des <div class="main"> gepostet werden haben einen Border,

    diese Angabe ist mächtig-daher :

    Code
    #content.main img.ohne{boder:none;}


    in die style.css unterhalb des
    .main img{....} einfügen

    den Bildern, die keinen Rahmen haben sollen gibts Du dann die class ohne

    Code
    <img src="meinhaus.gif" alt="mein Haus" width="xy" height="yz" class="ohne" />

    könnte klappen

    lg

  • mh... scheint ned richtig zu klappen, er ignoriert die Class vollständig.

    Habe als Code auf der Startseite bei dem VT-Logo stehen

    Code
    <img src="http://www.vrisom.de/vt.jpg" class="ohne"/>

    in dem Stylesheet steht

    (hab es auch ohne dem padding probiert, so, wie du es eben zu beginn sagtest).

    Trotzdem ändert sich das aussehen des Testbildes nicht. Der Rand bleibt, der Rahmen auch. Entferne ich testhalber den kompletten .main img-Code aus dem Stylesheet werden alle Bilder "richtig" dargestellt, also bin ich auch nicht im falschen Stylesheet oder so ;)

    edit: habs geschafft. Statt über #content zu gehen hab ich einfach

    Code
    .main img.ohne { 
    	border:none;
    	padding: 0px;
    	}

    dazugeschreibselt, und schon klappts auch mit dem Nachbarn ;)

    Trotzdem dank für deine Hilfe, hatte mich schon totgesucht wo die Images hier formatiert werden ;)

    Einmal editiert, zuletzt von AndrewPoison (6. Mai 2006 um 13:18)

Jetzt mitmachen!

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