zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden "link decoration none" - Wie realisierbar?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.08.2005, 13:01
Sorcio
Gast
Thread-Ersteller
 
Beiträge: n/a
Standard "link decoration none" - Wie realisierbar?

Hallo Gemeinde,

ich habe heute mal versucht eine ganz normale nicht komplette, nur aus nem logo und link bestehende XHTML datei mit CSS zu formatieren. Anfänglich ging alles noch klar. Nun nicht mehr. Ich bekomme es einfach nicht hin, dass die Links nicht unterstrichen sind. Ausserdem sollen sie bei "hover" andere farbe bekommen und fett erscheinen.

Hier mal der quellcode:

Code:
<html>
<head>
<style type="text/css">

 * {
  font-size:14px;
  color:#336699;}
  a:link {color:#0000ff;}
 a:visited {color:#dddddd;}
 a:hover {color:#ff0000;}
 a:active {color:#ff0000;}
  
 a.navi:link
 {
  text-decoration:none; font-weight:bold;
  color:#0000aa;
 }
 a.navi:visited
 {
  text-decoration:none; font-weight:bold;
  color:#000066;
 }
 a.navi:hover
 {
  text-decoration:none; font-weight:bold;
  color:#ff0000;
 }
 a.navi:active
 {
  text-decoration:none; font-weight:bold;
  color:#ff0000;
 }  
 
</style>
 </head>

<body>

<div align="center">[img]images/header.jpg[/img]</div>
<p align="center" class="">Startseite
</body>
</html>
Wie kann ich nun den fehler beheben, dass die links nicht mehr unterstrichen sind?

Danke im voraus
Sorcio
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.08.2005, 13:05
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 23.03.2005
Beiträge: 1.032
Swoop befindet sich auf einem aufstrebenden Ast
Standard

probier doch mal nicht alles in die * deklaration zu packen und da du nur eine kleine testseite hast brauchst du die a´s auch nicht mit klassen definieren sondern einfach das allgemeine a nehmen dann sollte es funktionieren..

+ du hast keinen doctype eingebunden..

€dit: doctype angeben reicht denk ich..
__________________
Shibby.....

Mein Blog
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.08.2005, 13:24
Sorcio
Gast
Thread-Ersteller
 
Beiträge: n/a
Standard

Also doctype ist folgender drin:

Code:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
* { habe ich entfernt funktioniert immer noch nicht. Mal das klassische <a> probieren

EDIT: Auch das entfernen des class tags hat im Linkbereich nicht zum erhofften erfolg geführt
Mit Zitat antworten
  #4 (permalink)  
Alt 13.08.2005, 13:32
Benutzerbild von griffel
Marginalie
XHTMLforum-Mitglied
 
Registriert seit: 27.08.2003
Beiträge: 141
griffel befindet sich auf einem aufstrebenden Ast
Standard Re: "link decoration none" - Wie realisierbar?

wenn du in der CSS die links über eine Klasse ansprichst, sollte das Element auch diese klasse haben.

Startseite

Ist eigentlich P auch wieder geschlossen (</p>)?
__________________
"Der Computer arbeitet deshalb so schnell, weil er nicht denkt."
Gabriel Laub, 24.10.1928 - 03.02.1998,
polnisch-deutscher Schriftsteller
Mit Zitat antworten
  #5 (permalink)  
Alt 13.08.2005, 13:36
Sorcio
Gast
Thread-Ersteller
 
Beiträge: n/a
Standard Re: "link decoration none" - Wie realisierbar?

Zitat:
Zitat von griffel
wenn du in der CSS die links über eine Klasse ansprichst, sollte das Element auch diese klasse haben.

Startseite

Ist eigentlich P auch wieder geschlossen (</p>)?
Alles klar. Das </p> war integriert, allerdings habe ich es vergessen mit zu kopieren. Aber es funktioniert.

EDIT: Der aktuelle Quellcode:
Code:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
 <title>Startseite blaclala</title>
  <style type="text/css">

  {
  font-size:14px;
  color:#336699;}
  a:link {color:#0000ff;}
 a:visited {color:#dddddd;}
 a:hover {color:#ff0000;}
 a:active {color:#ff0000;}
  
 a.navi:link
 {
  text-decoration:none; font-weight:bold;
  color:#CCCCCC;
 }
 a.navi:visited
 {
  text-decoration:none; font-weight:bold;
  color:#000066;
 }
 a.navi:hover
 {
  text-decoration:none; font-weight:bold;
  color:#336699;
 }
 a.navi:active
 {
  text-decoration:none; font-weight:bold;
  color:#006699;
 }  
 
</style>
 </head>

<body>

<div align="center">[img]images/header.jpg[/img]</div>
<p align="center">Startseite[b]
Mit Zitat antworten
  #6 (permalink)  
Alt 13.08.2005, 14:42
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 23.03.2005
Beiträge: 1.032
Swoop befindet sich auf einem aufstrebenden Ast
Standard

funktioniert es denn nun?
__________________
Shibby.....

Mein Blog
Mit Zitat antworten
  #7 (permalink)  
Alt 17.08.2005, 19:55
Sorcio
Gast
Thread-Ersteller
 
Beiträge: n/a
Standard

Ja, danke der nachfrage swoop es funktioniert jetzt
Mit Zitat antworten
  #8 (permalink)  
Alt 18.08.2005, 13:36
Sorcio
Gast
Thread-Ersteller
 
Beiträge: n/a
Standard Ich habe eine weitere Frage

Hallo,

das text decoration:none; funktioniert zwar, aber nun habe ich einen leidigen Backgroundfarbton bei den Links. Leider bekomme ich den auch nicht weg.

Styledatei findet ihr oben. Wie kann ich den hintergrund von dunkelblau auf weiss bzw. farblos stellen?

Danke

EDIT: Ich habe die STyledatei etwas abgeändert:

Code:
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="keywords"
content="homepage, webseite, internetseite, webdokument, homepage webseite internetseite webdokument">
<meta name="description"
content="homepage, webseite, internetseite, webdokument, homepage webseite internetseite webdokument">
<title>[SCFH] MultiGaming Clan | A new Experience</title>
<meta name="expires" content="20 days">
<meta name="revisit" content="after 21 days">
<meta name="page-type" content="beschreibung, anleitung,private homepage">
<meta name="audience" content="studenten,sch&uuml;ler,anf&auml;nger,alle">
<meta name="robots" content="INDEX,FOLLOW">

<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}

onload=BlurLinks;
-->
</script>

<!--(c) Copyright der Vorlage liegt bei http://www.on-mouseover.de/templates/ , Autor: Jürgen Asendorf.
Für diese Vorlage zeichnet der genannte Autor verantwortlich, das betrifft sowohl die grafischen Elemente als auch die technische Seite (HTML/CSS-Programmierung).

Ein Verkauf der Vorlage oder das Anbieten dieser Vorlage ist untersagt.

**********************************
Private Nutzung:
Die Vorlagen sind für den privat ausgerichteten Gebrauch völlig kostenlos und frei zu verwenden.
Je nach dem Inhalt, welcher eingefügt wird, kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen.

**********************************
Kommerzielle Nutzung:

Eine kommerzielle Nutzung ist untersagt und nur nach Rücksprache mit dem Autor (Jürgen Asendorf) erlaubt.
....Möchten Sie diese Vorlage kommerziell nutzen, sprechen Sie den Autor an.

Was bedeutet kommerziell?

1.) Eine von einer Firma genutzte Seite bzw. eine für eine Firma erstellte Seite ist immer als kommerziell zu werten - egal welcher Inhalt,
da eine Firma gewinnorientiert arbeitet.

2.) Eine gewinnorientierte Weiterverarbeitung jeglicher Art auf meinen Vorlagen, sei es von  Privatpersonen oder einer Firma: (z.B. das Einbinden eines Webshops, überhaupt generell der Verkauf oder das Anbieten von Artikeln, das Anbieten von kostenpflichtigen Dienstleistungen oder das Nutzen der Vorlage für eigene Vermarktungszwecke, z.B für eine Pension, ein Restaurant oder Vermietung einer Ferienwohnung oder ähnliches ).

Unter einer kommerziellen Nutzung ist auch zu verstehen, wenn Sie auf der Webseite Werbung
für sich machen, d.h. Darstellung Ihrer Fähigkeiten zum Zwecke des Geldverdienens bzw. Bewerbung einer Dienstleistung oder Anpreisen eine Produktes.
(z.b. ein Musiker stellt sich dar und listet Termine für seine nächsten bezahlten Auftritte auf, ein Künstler stellt seine Produkte dar o.ä.).

**********************************

**********************************-->
<link rel="stylesheet" type="text/css" href="format.css" >

<script src="datumuhr.js" type="text/javascript"></script>
<style type="text/css">

  {
  font-size:14px;
  color:#;}
  a:link {color:#DD0000;}
 a:visited {color:#AAAAAA;}
 a:hover {color:#DD0000;}
 a:active {color:#000000;}  
 border-color:#00ff00;
 
 a.navi:link
 {
  text-decoration:none; font-weight:normal;
  color:#AAAAAA;
 }
 a.navi:visited
 {
  text-decoration:none; font-weight:normal;
  color:#DDDDDD;
 }
 a.navi:hover
 {
  text-decoration:none; font-weight:normal;
  color:#000000;
 }
 a.navi:active
 {
  text-decoration:none; font-weight:normal;
  color:#FFFFFF;
 } 
   
</style> 
</head>
<body background="images/backmain.jpg"   topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0"
onload="window.setTimeout('datumuhr()',1000)">
<table height="650" border="0" cellpadding="0" cellspacing="0"  width="100%">
<tr>
<td valign="top" width="31" >[img]images/space.gif[/img]</td>
<td valign="top" width="178" >

<table border="0" cellpadding="0" cellspacing="0"  width="178">
<tr>
<td background="images/logo.jpg" valign="top" width="178" height="45">
</td>
</tr>
<tr>
<td width="178" >

<table border="0" id="menu" cellpadding="0" cellspacing="0"  width="178"
>
<tr>
<td class="rub" align="right"   >Main Men&uuml;</td>
</tr>
<tr>
<td >Start</td>
</tr>
<tr>
<td >&Uuml;ber uns</td>
</tr>
<tr>
<td >Bildergallerie</td>
</tr>
<tr>
<td >Forum</td>
</tr>
<tr>
<td >Kontakt</td>
</tr>
</table>



<table border="0" id="menu" cellpadding="0" cellspacing="0"  width="178"
>
<tr>
<td class="rub" align="right"   >Partner</td>
</tr>
<tr>
<td >Simon</td>
</tr>
<tr>
<td >Sleeper</td>
</tr>
<tr>
<td >Jacqueline</td>
</tr>
</table>



<table border="0" id="menu" cellpadding="0" cellspacing="0"  width="178"
>
<tr>
<td class="rub" align="right"   >Sonstiges</td>
</tr>
<tr>
<td >Vote4us</td>
</tr>
<tr>
<td >Werbung f&uuml;r SCFH</td>
</tr>
</table>




</td>
</tr>
</table>




</td>
<td valign="top"  width="100%" >
<table border="0" cellpadding="0" cellspacing="0"  width="100%">
<tr>
<td align="right"  colspan="2"  background="images/ob.gif" height="26" ><span class="name"></span>
</td>
</tr>
<tr>
<td>[img]images/space.gif[/img]</td>
<td width="100%" class="in">
<b style="color:#800000;">Herzlich Willkommen auf unserer ClanPage![/b].





Wir begr&uuml;&szlig;en euch alle recht Herzlich auf der neuen ClanPage vom SCFH MultiGaming Clan. Nach l&auml;ngerem Hin und Her entschieden wir uns f&uuml;r ein neues und strukturierteres Design.
Zur Zeit wird noch an dieser Seite gebastelt, sp&auml;ter jedoch hoffen wir hierdurch auch mehr Mitglieder im Clan Willkommen heissen zu k&ouml;nnen. Wir sind weiterhin auf der Suche nach neuen Clan Mitgliedern,
Sponsoren, Werbe Partnern. Wenn auch du Interesse an unserem Clan gefunden hast, so kontaktier und doch bitte via Kontakt Formular oder schreibe uns im Forum eine Nachricht. ;-)


Ihr habt Interesse am Clan bekommen? Na dann schaut mal welche Features euch als Clan Mitglied erwarten: Die Exklusiv Leistungen eines Clan Mitgliedes.

Und dies alles f&uuml;r nur monatlich 6€. - BE A PART OF US! :=)

</td>
</tr>
</table>



</td>
</tr>
</table>
<table border="0"  cellpadding="0" cellspacing="0"  width="100%">
<tr>
<td>[img]images/space.gif[/img]</td><td>[img]images/trenn.jpg[/img]</td><td width="100%" ></td>
</tr>
</table>
<table border="0"  cellpadding="0" cellspacing="0"  width="100%">
<tr>
<td>[img]images/space.gif[/img]</td>
<td valign="top"  width="178" ><table align="center"  cellspacing="0" cellpadding="0" border="0" width="178"  >
<tr>
<td  ><form  name="anzeige"><input size=10 name="date" class="datum" ></form></td><td><form name="anzeige2" ><input type="text" name="time" size="10" class="zeit" ></form></td>
</tr>
</table></td>
<td width="100%" class="fuss"><span style="font-family:verdana;font-size:7pt;color:#800000">•</span>[<font color="#008000">SCFH</font>] MultiGaming Clan - A new Experience. :: .Be A Part of US!<span style="font-family:verdana;font-size:7pt;color:#800000">•</span></td>
</tr>
</table>

</body>
</html>
Wollte einfach nur diese grässlichen backgroundfarbtöne weghaben. Kann mir das vielleicht mal jemand näher erläutern? Ich habe bereits bei css4you gesucht, aber ein noob wie ich wurde da net so richtig und klar fündig
Mit Zitat antworten
Antwort

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



Alle Zeitangaben in WEZ +2. Es ist jetzt 14:48 Uhr.