mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: So 28.04.2024 11:17 Benutzername: Passwort: Auto-Login

Thema: Probleme mit den Links in der Navigation vom 24.11.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Probleme mit den Links in der Navigation
Autor Nachricht
CamCat
Threadersteller

Dabei seit: 08.02.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 24.11.2010 13:56
Titel

Probleme mit den Links in der Navigation

 Antworten mit Zitat Zum Seitenanfang
Salut,

ich habe wie beschrieben ein Problem mit der Navigationsverlinkung.
Die Navigationspunkte sind blau unterstricken. eigentlich wollte ich die schrift weiß und einen hover in dunkelrot.
Bevor ich sie verlinkt habe, hat das natürlich auch funktioniert.

Ich habe auch schon nach lösungen gesucht, und bin fundig geworden.
Aber irgendwie weß ich nicht recht an welche stelle ich das schreiben muss....

Vielleicht muss ich dazu sagen, das ich keine Mediengestalter bin, sondern über Tutorials lerne.
Wenn mir jemand helfen kann dann wäre ich sehr dankbar.


Code:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style/style.css" rel="stylesheet" type="text/css" />

<title>Titel</title>

</head>


<body>

<!-- Template Start -->

<div class="container">
   <div class="header">
       <img src="images/header.jpg" />
    </div>
    <div class="navigation">
    <div class="navigationschrift"><a href="welcome.php">Welcome</a></div>
    <div class="navigationschrift"><a href="salon.php">Salon</a></div>
    <div class="navigationschrift"><a href="team.php">Team</a></div>
    <div class="navigationschrift"><a href="aktionen.php">Aktionen</a></div>
    <div class="navigationschrift"><a href="stylingtips.php">Styling Tips</a></div>
    <div class="navigationschrift"><a href="hairstyle.php">Hairstyle</a></div>
    <div class="navigationschrift"><a href="naildesign.php">Naildesign</a></div>
    <div class="navigationschrift"><a href="kosmetik.php">Kosmetik</a></div>
    <div class="navigationschrift"><a href="preise.php">Preise</a></div>
    <div class="navigationschrift"><a href="galerie.php">Galerie</a></div>
    <div class="navigationschrift"><a href="model.php">Model</a></div>
    <div class="navigationschrift"><a href="jobs.php">Jobs</a></div>
    <div class="navigationschrift"><a href="kontakt.php">Kontakt</a></div>
    <div class="navigationschrift"><a href="impressum.php">Impressum</a></div>
     </div>
    <div class="content">
    Welcome
  </div>
    <div class="contenttext">
      <p>text</p>
</div>
</div>
</div>

<!-- Template Ende -->

</body>
</html>




Code:

body {
   font-family:"arial";
   background-image:url(../images/background.jpg);
}


/* Container für alle anderen DIVs */
.container{
   width:800px;
   margin:auto;
}

/* Container für den Header */
.header{
   width:100%; /*100% sind 800px */
   float:left;
   background-color:#FF0;
}

/* Container für die Navigation */
.navigation{
   float:left;
   width:20%;
   margin-top:10px;
   background-color:#7d8874;
}

/* navigationseinträge */
.navigationschrift{
   float:left;
   font:13px;
   width:150px;
   font-family:"arial";
   color:#FFF;
   text-decoration:none;
   margin:0px 0px 15px 0px;
   padding-left:10px;
}

.navigationschrift:hover{
   color:#900;
   
}

/* content Container für die Überschrift*/
.content{
   float:left;
   font:16px;
   width: 610px;
   margin-top:10px;
   margin-left:10px;
   padding-left:10px;
   padding-right:10px;
   color:#FFF;
   background-color:#7d8874;
   text-align:center
}

/* content Container für den Inhalt*/
.contenttext{
   float: left;
   font: 13px;
   width: 610px;
   margin-top:10px;
   margin-left:10px;
   padding-left:10px;
   padding-right:10px;
   color:#000;
   background-color:#b2baab;
}
  View user's profile Private Nachricht senden
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 24.11.2010 14:05
Titel

Antworten mit Zitat Zum Seitenanfang
du musst auch dem a-tag die eigenschaften zuweisen:

.navigationschrift a { deine eigenschaften }

sonst weist du sie nur die div element zu und die links haben eigene eigenschaften. mal was anderes ... eine liste ist für navigationen besser. such mal nach listennavigation Lächel
  View user's profile Private Nachricht senden
Anzeige
Anzeige
CamCat
Threadersteller

Dabei seit: 08.02.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 24.11.2010 14:49
Titel

Antworten mit Zitat Zum Seitenanfang
Leider komme ich mit der listennavigation noch nicht zurrecht.
Habe mein problem aber jetzt gelöst.
Poste meine Lösung nochmal, für alle die ein ähnliches problem haben und die sufu benutzen.

Code:

<!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">
<head>

<style type="text/css">
  <!--
  a:link { text-decoration:none; color:#ffffff; }
  a:visited { text-decoration:none; color:#ffffff; }
  a:hover { text-decoration:none; color:#900; }
 -->
 </style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style/style.css" rel="stylesheet" type="text/css" />

<title>Cascade</title>
  View user's profile Private Nachricht senden
 
Ähnliche Themen [PHP] Navigation mit array -- Problem mit aktiven Links
Links aus Flash-Navigation in Div Box öffnen/laden
HTML/CSS - Navigation verschoben - Links kaputt
IE7 Navigation Fehler | zweizeilige links werden verschluckt
Navigation einer Website, Links erscheinen per Klick
Hilfe! Navigation soll sich nach rechts o. links verschieben
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB