zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Ein mit HTML eingebundenes Bild mit CSS ausblenden

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.09.2010, 18:36
Benutzerbild von marcp
Marc Pentermann
neuer user
Thread-Ersteller
 
Registriert seit: 24.09.2010
Beiträge: 11
marcp befindet sich auf einem aufstrebenden Ast
Standard Ein mit HTML eingebundenes Bild mit CSS ausblenden

Ich möchte das Design einer Website mit einem benutzerdefinierten Stylesheet verändern. Mit der Erweiterung stylish und den userstyles funktioniert dies ganz unproblematisch, indem beim Aufruf der entsprechenden Seite einfach ein zusätzlich CSS geladen wird.

Der entscheidende Punkt ist dabei, dass ich das zugrunde liegende HTML also nicht beeinflussen kann. Und nun habe ich bei einer Website ein Problem. So werden in einem Abschnitt zwei Bilder eingebunden:

HTML-Code:
<h2 class="h2class">Überschrift
<img class="flag" src="/img/bild1.gif" alt="" /> 
<img class="flag" src="/img/icons/bild2.png" alt="" title="Info Bild 2" /> 
</h2> 
Nun möchte ich das zweite Bild, also bild2.png, ausblenden. Doch wie spreche ich es mit CSS an?


Danke für eure Hilfe!
__________________
Der Aufruf der folgenden Webseite ist kostenfrei: www.webanhalter.de!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.09.2010, 18:42
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

CSS2 - :first-child and :last-child
Code:
img.flag:last-child { display: none; }
Würde ich mal so sagen

und der IE sollte möglicherweise auf den Link anspringen
Nachbildung der Pseudoklassen :first-child und :last-child beim Internet Explorer - Cascading Style Sheets - Workshop Internet-Prsenz
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 25.09.2010, 18:45
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Zitat:
Doch wie spreche ich es mit CSS an?
Du erstellst einfach eine zusätzliche Klasse in einer zusätzlichen CSS-Datei, z. B.

Code:
.screen-ausblenden {
display: none;
}
bindest sie zusätzlich ein:

HTML-Code:
<img class="flag screen_ausblenden" src="/img/icons/bild2.png"...
und bindest die zusätzliche css-Datei bei Bedarf ein. Das sollten alle Browser richtig anzeigen können.

Gruss

MrMurphy
Mit Zitat antworten
  #4 (permalink)  
Alt 25.09.2010, 18:53
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

@Murphy:
Zitat:
Zitat von marcp Beitrag anzeigen
Der entscheidende Punkt ist dabei, dass ich das zugrunde liegende HTML also nicht beeinflussen kann.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #5 (permalink)  
Alt 25.09.2010, 19:08
Benutzerbild von marcp
Marc Pentermann
neuer user
Thread-Ersteller
 
Registriert seit: 24.09.2010
Beiträge: 11
marcp befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Thielo Beitrag anzeigen
CSS2 - :first-child and :last-child
Code:
img.flag:last-child { display: none; }
Würde ich mal so sagen

und der IE sollte möglicherweise auf den Link anspringen
Nachbildung der Pseudoklassen :first-child und :last-child beim Internet Explorer - Cascading Style Sheets - Workshop Internet-Prsenz

Sehr cool, danke schön!

Den IE teste ich nicht, denn es gibt die Erweiterung nur für Firefox und Chrome.
__________________
Der Aufruf der folgenden Webseite ist kostenfrei: www.webanhalter.de!
Mit Zitat antworten
Antwort

Stichwörter
ausblenden, bilder, css

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
html und css für ebay Artikelbeschreibung justmicha CSS 1 10.02.2011 16:36
CSS & HTML Editor Linux kampfgnom Offtopic 4 15.05.2008 15:34
bild mit css oder so in layer zentrieren bodissimo CSS 2 22.03.2004 13:39
html und css Tali CSS 1 10.01.2004 16:23
Wie am besten alte HTML Seite mit Tabellen in CSS Layout ? Fidi CSS 0 07.01.2004 12:27


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:51 Uhr.