Linkfarbe anders im Template als auf der übrigen PHP-Page


 
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> CSS
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
Milano
Mitglied
BeitragLinkfarbe anders im Template als auf der übrigen PHP-Page Antworten mit Zitat
axinio Internet Marketing
Hallo,

wie schaffe ich es, in einer Template die Links anders darstellen zu lassen, als wie auf der übrigen Page?
Ich benutze das PHPKit und meine eigene Seiten möchte ich mit einem CSS-Verweis erstellen, so daß meine Seiten ohne Formatierungen wie Schriftfarbe, fett usw. auskommt.

Nun mein Code, der die Info erhalten soll, daß nur diese im Kit aufgerufene Template (HTML-Page im Mittelteil, rechts und links sind Naviboxen) eine andere Linkfarbe enthalten soll:

Code:

   #I5
   A:LINK, A:VISITED {
   color : #000099;
   text-decoration: underline;
}

   #I5
   A:HOVER {
   background-color : Fuchsia;
   color : #800000;
   text-decoration : overline;
   font-weight: bold;
}


Schönen Dank für die Hilfe! Question
12 Jul 2007 20:02
Benutzer-Profile anzeigen Private Nachricht senden
axinio Internet Marketing
Milano
Mitglied
Beitraganderes Problem: großer Absatz im Fließtext Antworten mit Zitat
so, ich habe es hinbekommen und zwar habe ich in der CSS-Datei das # durch den . ersetzt.

In der HTML-Datei heißt es dann:

Code:
 <ul class="I5"><a target="_blank" href="http://www.beispiel.de/">
Beispiel</a></ul>


Nun habe ich aber folgendes Problem:
Der Link soll eigentlich in einem Fließtext erscheinen, aber jetzt wird ein Absatz produziert und in diesem großen Absatz steht dieser Link; das möchte ich aber nicht.
Idee???
12 Jul 2007 20:19
Benutzer-Profile anzeigen Private Nachricht senden
Werner
Homepage-Total.de
Moderator
Beitrag Antworten mit Zitat
Probiere mal folgendes:
Code:
   .I5
   A:LINK, A:VISITED, UL {
   color: #000099;
   text-decoration: underline;

   display: inline;
   margin: 0;
   margin-right: 2px;
}

_________________
Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt
12 Jul 2007 21:56
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Milano
Mitglied
Beitrag Antworten mit Zitat
super, hat geklappt und Du bist wirklich ein Genie!!!


Nachtrag:
Da war ich ein wenig zu vorschnell:

Jetzt werden alle Links auf der Homepage unterstrichen und sämtliche Verlinkungen sind blau.
Dies ist falsch und nur die Links auf der mittleren Seite sollen diesen Effekt haben.

Außerdem wird der 1. Link nur noch umgebrochen, daß heißt, daß nach einem Doppelpunkt der Umbruch erscheint.
Der zweite Link wird wie gewünscht dargestellt. Er ist im Fließtext.
12 Jul 2007 22:14
Benutzer-Profile anzeigen Private Nachricht senden
line
Mitglied
Beitrag Antworten mit Zitat
Formatier doch einfach den href und gib ihm ´ne eigene Klasse ...

a.i5
{
color: rgb(0, 0, 153);
}
a.i5:hover
{
background-color:rot; color: #800000; text-decoration: overline; font-weight:bold;}

Den bindest Du dann einfach in den Satz <a class="i5" href="linkziel.html">link</a> ein.
13 Jul 2007 13:49
Benutzer-Profile anzeigen Private Nachricht senden
Milano
Mitglied
Beitrag Antworten mit Zitat
danke Dir, ich kriegs einfach nicht hin.
13 Jul 2007 15:02
Benutzer-Profile anzeigen Private Nachricht senden
line
Mitglied
Beitrag Antworten mit Zitat
Kannst Du mal was code oder einen link posten? Bricht der Link den Text immer noch um?
13 Jul 2007 17:01
Benutzer-Profile anzeigen Private Nachricht senden
Milano
Mitglied
Beitrag Antworten mit Zitat
so, mir wurde im PHPKit-Forum geholfen und so wollte ich es eigentlich haben:

Code:
Zitat
Code
<style type="text/css">
a.test:link { color: #000000; text-decoration: underline; }
a.test:visited {color: #0000FF; text-decoration: underline;}
a.test:active {color: #000000; text-decoration: underline}
a.test:hover { background-color : Fuchsia; color : #800000; text-decoration : overline; font-weight: bold; }
a.test2:link { color: #0000ff; text-decoration: underline; }
a.test2:visited {color: #0000FF; text-decoration: underline;}
a.test2:active {color: #000000; text-decoration: underline;}
a.test2:hover { background-color : #ffff00; color : #000000; text-decoration : overline; font-weight: bold; }

</style>

<table border="1" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" height="100">
<p align="center"><a class="test" href="http://www.kitcorner.de/?path=contentwrapper&contentid=2" target="_blank">test 1</a></td>
<td width="50%">
<p align="center"><a class="test2" href="http://www.kitcorner.de/?path=contentwrapper&contentid=2" target="_blank">test 2</a></td>
</tr>
<tr>
<td width="50%" height="100">
<p align="center">tset3</td>
<td width="50%">
<p align="center">test4</td>
</tr>
</table>
13 Jul 2007 21:26
Benutzer-Profile anzeigen Private Nachricht senden
axinio Internet Marketing
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> CSS Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  

Ähnliche Beiträge
Thema Webmaster Forum Antw. Autor Verfasst am
Keine neuen Beiträge BIETE Neues PrestaShop Template Marktplatz 0 sonchen80 22 Dez 2011 08:16 Letzten Beitrag anzeigen
Keine neuen Beiträge [B] Flash Template Marktplatz 0 sonchen80 11 Nov 2011 12:30 Letzten Beitrag anzeigen
Keine neuen Beiträge [B] Virtuemart Template Marktplatz 0 sonchen80 03 Okt 2011 12:12 Letzten Beitrag anzeigen
Keine neuen Beiträge Joomla Template Marktplatz 0 sonchen80 09 Sep 2011 10:02 Letzten Beitrag anzeigen
Keine neuen Beiträge [Biete] Möbel osCommerce Template. Marktplatz 0 sonchen80 09 Aug 2011 08:31 Letzten Beitrag anzeigen