+ Antworten
Seite 1 von 2 1 2 LetzteLetzte
Ergebnis 1 bis 15 von 17

Thema: Verlinkte Grafik

  1. #1
    TP-Moderator maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User Avatar von maxi89
    Registriert seit
    Nov 2004
    Ort
    Mulpe an der Tunke
    Beiträge
    2.538

    Verlinkte Grafik

    Hallo zusammen,

    ich habe bei einer Seite das aussehen von Text und Links durch CSS festgelegt - mehr nicht.
    Wenn ich jetzt aber eine Grafik verlinke wird diese wie verlinkter Text unterstrichen (mit den in der CSS-Datei angegebenen Punkten), auch mit border="0" bekomme ich das einfach nicht weg.

    Die CSS-Datei sieht jetzt so aus:

    Code:
    body { FONT-SIZE: 12px; FONT-FAMILY: Verdana,Helvetica; COLOR: #FFFFFF;}
    a:link{color: #FFFFFF; text-decoration: none; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#FFFFFF}
    a:active{color: #FFFFFF; text-decoration: none; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#FFFFFF}
    a:visited{color: #FFFFFF; text-decoration: none; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#FFFFFF}
    a:hover{color: #FFFFFF; text-decoration: none; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#FFFFFF}
    a:img { border: none; border-bottom-width: 0px; border-bottom-style: none; }
    Ich habe mit CSS noch nicht soviel am Hut gehabt, deshalb finde ich den Fehler wahrscheinlich nicht

    Wie bekomme ich diesen gepunkteten Rahmen unter den Grafiken wieder weg?


    Danke schonmal

  2. #2
    TP-Junior michfrm ist auf einem guten Weg
    Registriert seit
    Feb 2007
    Ort
    ... irgend so nem Kaff
    Beiträge
    18
    Wie bekomme ich diesen gepunkteten Rahmen unter den Grafiken wieder weg?
    Mach entweder das raus:
    border-bottom-style:solid; border-bottom-color:#FFFFFF
    oder deklarier die Bilder nochmal extra unter den Zeilen mit den zitieren Codes und heb diese Definitionen dann wieder auf.

  3. #3
    TP-Moderator maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User Avatar von maxi89
    Registriert seit
    Nov 2004
    Ort
    Mulpe an der Tunke
    Beiträge
    2.538
    Sorry wenn ich jetzt doof Frage, aber wie deklariere ich denn die Grafik mit CSS?

  4. #4
    TP-Specialist Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Avatar von Mich@el
    Registriert seit
    Oct 2005
    Ort
    Würzburg
    Beiträge
    2.810
    Moin Maxi89,
    jetzt hab´ ich aber Rücken, nachdem ich erstmal alle Farben von weiß in sichtbar geändert habe! Machst Du das immer so?
    Probiers mal hiermit:
    PHP-Code:
    a:focusa:activea:visitedimg bordernoneborder-bottom-width0pxborder-bottom-stylenone; } 
    Du kannst auch -wie ich angegeben- Deine Links ruhig nebeneinander (verkürzt) schreiben. Einfach immer ein "Komma" dazwischen.

    Grüße
    Michael
    Geändert von Mich@el (10.03.2007 um 16:28 Uhr)
    Back to business!

  5. #5
    TP-Moderator maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User Avatar von maxi89
    Registriert seit
    Nov 2004
    Ort
    Mulpe an der Tunke
    Beiträge
    2.538
    Zitat Zitat von Mich@el
    jetzt hab´ ich aber Rücken, nachdem ich erstmal alle Farben von weiß in sichtbar geändert habe! Machst Du das immer so?
    Nein, nur immer dann, wenn der Seitenhintergrund eine relativ dunkle Grafik ist
    Habe ich aber nicht in der CSS-Datei angegeben, da der Hintergrund ein 100% hohes und breites DIV ist - das auch noch mit CSS zu gestalten ist mir ehrlich gesagt noch etwas zu kompliziert


    Ich hab den Code mal so eingefügt und schon sind die unteren Rahmenlinien unter der Grafik weg - unter den Textlinks (wo die ja bleiben sollen) aber auch...
    Gibt es eine Möglichkeit, im <img>-Tag der Seite anzugeben, dass der Browser sich an die img-Zeile der CSS-Datei halten soll und dann die Rahmenlinien weg lässt?
    Ich hoffe ich mache keinen allzu trotteligen Eindruck jetzt, aber CSS ist für mich teilweise noch recht viel Neuland

  6. #6
    TP-Junior michfrm ist auf einem guten Weg
    Registriert seit
    Feb 2007
    Ort
    ... irgend so nem Kaff
    Beiträge
    18
    Jeden Tag kannst mit CSS deklarieren

    Beispiele:
    Code:
    <img /> => img { }
    <fieldset><legend>Blabla</legend></fieldset> => fieldset legend {}
    <p>Blabla</p> => p { }
    Lies ab Besten das hier mal komplett durch
    http://de.selfhtml.org/css/

  7. #7
    TP-Moderator maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User Avatar von maxi89
    Registriert seit
    Nov 2004
    Ort
    Mulpe an der Tunke
    Beiträge
    2.538
    Ich habe jetzt mal nach der Anleitung von Selfhtml eine neue Klasse in der CSS-Datei angelegt, die ich sinnigerweise .keinrahmen genannt habe.
    Diese Klasse sieht jetzt so aus:
    Code:
     .keinrahmen { border: none; border-bottom-width: 0px; border-bottom-style: none; } 
    Die Grafiken werden jetzt auch mit
    <a class="keinrahmen" href=.....> verlinkt, und ab jetzt zweifel ich an mir selbst:
    Der Opera zeigt weiter die unteren Rahmenlinien an, der Firefox aber macht mir um eine der (gleich verlinkten) Grafiken einen kompletten Rahmen, bei der anderen lässt er lediglich die unteren Rahmenlinien...

  8. #8
    TP-Junior michfrm ist auf einem guten Weg
    Registriert seit
    Feb 2007
    Ort
    ... irgend so nem Kaff
    Beiträge
    18
    Kannst du uns da mal nen Screenshot posten?

  9. #9
    TP-Moderator maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User Avatar von maxi89
    Registriert seit
    Nov 2004
    Ort
    Mulpe an der Tunke
    Beiträge
    2.538
    Das hier ist aus dem Firefox 2:



    ...und das hier vom Opera:


    Im IE kann ich das leider nicht testen, weil das transparente PNG-Dateien sind und ihr wisst ja, wie gern der IE die hat...


    Und hier zum näheren Sinn der Sache:
    Da ist eine Grafik (die mit den Fotos und dem Text). Da soll man jetzt auf die Fotos klicken können, um ein Profil zu sehen (in neuem Fenster geöffnet). Weil ich aber nicht mal eben ein paar Hundert Euro für Photoshop übrig habe und das somit nicht mal eben Slicen kann, habe ich einfach eine transparente GIF-Datei mit DIVs darübergelegt und verlinkt. Ist nicht das gelbe vom Ei, tut aber seinen Dienst
    Geändert von maxi89 (10.03.2007 um 18:57 Uhr)

  10. #10
    TP-Junior michfrm ist auf einem guten Weg
    Registriert seit
    Feb 2007
    Ort
    ... irgend so nem Kaff
    Beiträge
    18
    Die IE7 solllte transparente PNGs können.

    Wenn beide den gleichen Code haben, müssten die ja gleich aussehen... schon mal bei Mozilla geschaut, ob ein Bug zu dem Thema bekannt ist?

  11. #11
    TP-Moderator maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User Avatar von maxi89
    Registriert seit
    Nov 2004
    Ort
    Mulpe an der Tunke
    Beiträge
    2.538
    Zitat Zitat von michfrm
    Die IE7 solllte transparente PNGs können.
    Ja, der IE7... Aber ich sitze hier vor einem Windows 2000, da kann man den nicht drauf installieren
    Ich probiere es jetzt mal auf einem anderen Rechner mit dem Mozilla nochmal, der ist dort viel später installiert worden und sollte (wenns ein bekannter Fehler ist) diesen beseitigt haben.

    EDIT: Auf dem anderen Rechner hat die eine Grafik im Mozilla keinen Rahmen, also werde ich meinen wohl mal updaten müssen.

    EDIT2: Jetzt nach dem Update siehts sowohl in Opera und Firefox gleich aus
    Geändert von maxi89 (10.03.2007 um 19:30 Uhr)

  12. #12
    TP-Specialist Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Avatar von Mich@el
    Registriert seit
    Oct 2005
    Ort
    Würzburg
    Beiträge
    2.810
    Zitat Zitat von maxi89
    EDIT2: Jetzt nach dem Update siehts sowohl in Opera und Firefox gleich aus
    Wie jetzt? Geht´s jetzt?
    Back to business!

  13. #13
    TP-Moderator maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User Avatar von maxi89
    Registriert seit
    Nov 2004
    Ort
    Mulpe an der Tunke
    Beiträge
    2.538
    Leider nicht, diese unteren Rahmenlinien sind weiterhin da - aber wenigstens in beiden Browsern an der gleichen Stelle, das ist doch auch schonmal was

  14. #14
    TP-Specialist designfanatiker hilft, wo's geht designfanatiker hilft, wo's geht designfanatiker hilft, wo's geht Avatar von designfanatiker
    Registriert seit
    Nov 2004
    Ort
    Oberbayern
    Beiträge
    2.314
    Warum nimmst du nicht einfach statt border-bottom die dafür vorgesehene Eigenschaft text-decoration: underline?

  15. #15
    TP-Moderator maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User maxi89 lebt für das TP und seine User Avatar von maxi89
    Registriert seit
    Nov 2004
    Ort
    Mulpe an der Tunke
    Beiträge
    2.538
    Hm, das wäre wahrscheinlich die beste Lösung, ich wollte aber eigentlich diesen Effekt, dass normale Links gepunktet unterstrichen, beim draufzeigen aber normal durchgezogen unterstrichen werden. Soweit ich das jetzt gesehen habe, geht das mit text-decoration: underline wohl nicht...
    Das werde ich dann wohl mit gesonderten Klassen machen müssen.

+ Antworten
Seite 1 von 2 1 2 LetzteLetzte

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51