mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 15:10 Benutzername: Passwort: Auto-Login

Thema: hä? css html hilfe <img> ohne <a> vererbung vom 11.05.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> hä? css html hilfe <img> ohne <a> vererbung
Autor Nachricht
quiNN
Threadersteller

Dabei seit: 25.07.2008
Ort: Köln
Alter: 33
Geschlecht: Männlich
Verfasst Di 11.05.2010 14:31
Titel

hä? css html hilfe <img> ohne <a> vererbung

Antworten mit Zitat Zum Seitenanfang

Hi!

Habe keine ahnung wie ich das machen soll, komme einfach nicht auf die Lösung.
Folgendes:

Ich habe folgenden style:

Code:

#content_in_box_middle_right a {
   text-decoration: none;
   color: #ffc510;
   padding: 0 0 0 15px;
   background: url(_images/link_interneseite.gif) 3px 2px no-repeat;
}


passt auch alles... nun habe ich aber folgendes in html

Code:
<a href="#"><img src="" /></a>


durch meine css deklaration habe ich nun vor dem bild auch mein tolles icon. das will ich aber nicht *zwinker*
wie kann ich sagen das das bild kein icon haben soll???

danke! gruß, quinn
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 11.05.2010 14:34
Titel

Antworten mit Zitat Zum Seitenanfang

Entweder Du nutzt die CSS Definition für das Icon oder das Bild.
Beides macht wenig Sinn.

Ich gehe jetzt mal davon aus das Dein IMG im HTMLMarkup auch auf _images/link_interneseite.gif referenziert.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
quiNN
Threadersteller

Dabei seit: 25.07.2008
Ort: Köln
Alter: 33
Geschlecht: Männlich
Verfasst Di 11.05.2010 14:44
Titel

Antworten mit Zitat Zum Seitenanfang

ich versteh dein satz nicht.

ein normaler link im div #content_in_box_middle_right hat vor dem text ein icon.

wenn ich jetzt um mein bild ein link setzte, also wie schon geschrieben:
<a><img/></a>

macht er vor dem bild auch das icon.

nun muss ich irgendwie sagen:
wenn ein link um ein bild ist soll er background: none; setzten.
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 11.05.2010 14:49
Titel

Antworten mit Zitat Zum Seitenanfang

Achso, Ok ich habe verstanden.

Dann erstelle 2 unterschiedliche Klassen

Code:
#content_in_box_middle_right a.icon {
   text-decoration: none;
   color: #ffc510;
   padding: 0 0 0 15px;
   background: url(_images/link_interneseite.gif) 3px 2px no-repeat;
}

#content_in_box_middle_right a.ohne-icon {
   text-decoration: none;
   color: #ffc510;
   padding: 0 0 0 15px;
}


Code:
<a href="#" class="icon">Textlink mit Icon</a>

<a href="#" class="ohne-icon"><img src="" /></a>
  View user's profile Private Nachricht senden
quiNN
Threadersteller

Dabei seit: 25.07.2008
Ort: Köln
Alter: 33
Geschlecht: Männlich
Verfasst Di 11.05.2010 14:53
Titel

Antworten mit Zitat Zum Seitenanfang

ja das wär dir schlechteste methode Grins
sonst gibt es da keine lösung in css?
ich wüsste keine *Schnief*

oder vllt js oder php?

trozdem danke
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 11.05.2010 14:59
Titel

Antworten mit Zitat Zum Seitenanfang

Dazu fehlen eindeutig ein paar Hintergrund Infos.

Wie wird das Menü gebildet? Statisch oder Dynamisch?
Welches Ziel verfolgst Du, etc.
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Di 11.05.2010 15:15
Titel

Antworten mit Zitat Zum Seitenanfang

Wenn dir der IE6 egal ist, könntest du auch mal mit den Atributabhängigen Selektoren experimentieren.

So sollten z. B. nur die Links das Hintergrundbild erhalten, die ein "title" besitzen.

Code:

#content_in_box_middle_right a {
   text-decoration: none;
   color: #ffc510;
   padding: 0 0 0 15px;
}

#content_in_box_middle_right a[title] {
   background: url(_images/link_interneseite.gif) 3px 2px no-repeat;
}


Code:
<a href="#" title="Was du willst">Textlink mit Icon</a>

<a href="#"><img src="" title="egal" /></a>
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Di 11.05.2010 15:25
Titel

Antworten mit Zitat Zum Seitenanfang

oder halt per Javascript
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen CSS und vererbung von styles
OOP in PHP5, Vererbung?
[C++] - (STL) Templates bei Vererbung
wer kann helfen zu Klassen,Vererbung usw. in PHP
HTML/CSS Problem mit <html><body> komischer Abstand unten
Anzeige in HTML aber ohne html ;-)
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.