✔ Warum sind meine Links lila?

T

tobm_knows_best

Erfahrenes Mitglied
Hallo zusammen,

ich habe folgendes Problem...
Nun ja - eigentlich ist das Thema ja schon aussagekräftig genug (behaupte ich mal :p)...

Kann mir jemand hierzu denn weiterhelfen?

Ich habe in meinen ganzen Codes nicht einmal die entsprechende LILA-Farbe zugewiesen...
Vielleicht kann mich ja jemand eines Besseren belehren.

Wäre wirklich dankbar darüber :rolleyes:

Hier mal die Codes... (denn ich habe nichts gefunden :()


HTML: 
<!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" />
<title>PTS-Agency | Security Solutions</title>
<style type="text/css">
@import url("css/pts_agency.css");
a:link {
color: #FFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #666;
}
a:active {
text-decoration: none;
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>

<body link="#FFFFFF" alink="#666666" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="MM_preloadImages('images/lupe_over.png')">


<img id="background-img" class="hintergrundbild" src="http://www.tutorials.de/images/background.jpg" alt="" /> <!-- Das eingebundene Hintergrundbild -->
<!-- Der Inhalt der Seite folgt hier -->

<div class="div_main" id="div_main">
<div class="div_logo" id="div_logo"></div>
<div class="div_navi" id="div_navi"><strong>
<ul id="blue">
<li class="current"><a href="#" title="">Start<span>This takes you to the welcome page of the website - the starting point for everything.</span></a></li>
<li><a href="#" title="">Über<span>We are a great team of people, with lots of fantastic things to offer.</span></a></li>
<li><a href="#" title="">Ausbildung<span>Our portfolio showcases all the work that we've done for the past few weeks.</span></a></li>
<li><a href="#" title="">Leistung<span>We also love to listen to some tunes while we work. Here we're sharing them with you all!</span></a></li>
<li><a href="#" title="">Kontakt<span>If you would like to get in touch with us, you can do so here via email or telephone.</span></a></li>
<li><a href="#" title="">Impressum<span>If you would like to get in touch with us, you can do so here via email or telephone.</span></a></li>
</ul>
</strong></div>
<div class="div_header" id="div_header">
<div class="div_header_text" id="div_header_text"><strong>»pts-agency | security solutions«</strong><br />
</div>
</div>
<div class="div_intro" id="div_header">
<div class="div_intro_left" id="div_intro_left">
<h1>Leistungen</h1>
<p>Neben den regulären Aufgaben eines Sicherheits-Unternehmens bieten wir Ihnen eine breite Palette an professionellen Dienstleistungen an. Angefangen beim Personenschutz bis hin Aufträgen in Kriesengebieten.<br />
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Lupe_Leistungen','','images/lupe_over.png',1)"><img src="http://www.tutorials.de/images/Lupe_norm.png" name="Lupe_Leistungen" width="17" height="18" border="0" class="picture_lupe" id="Lupe_Leistungen" /></a></p>
</div>

<div class="div_intro_seperator" id="div_intro_seperator"></div>

<div class="div_intro_right" id="div_intro_right">
<h1>Ausbildung</h1>
Einem anspruchsvollen Auftrag geht meist eine anspruchsvolle Ausbildung voraus. Die Umsetzung entsprechender Sicherheitsmaßnahmen bedarf spezieller Fachkenntnisse aus verschiedensten Bereichen. <br />
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Lupe_Ausbildung','','images/lupe_over.png',1)"><img src="http://www.tutorials.de/images/Lupe_norm.png" name="Lupe_Ausbildung" width="17" height="18" border="0" class="picture_lupe" id="Lupe_Ausbildung" /></a></div>
</div>

<div class="div_content" id="div_content">
<h1><img src="http://www.tutorials.de/images/spycam.png" alt="spycam" width="180" height="200" class="picture_spycam" />Als Bewachungsunternehmen...</h1>
<p>...streben eine seriöse und vertauensvolle Zusammenarbeit mit unseren Kunden an. Dabei legen wir ausserordentlichen Wert auf ein motiviertes und sehr gut ausgebildetes Team, um unserer Leistung und Ihrem Anspruch gerecht zu werden.</p>
<p>Wir sind ein anerkanntes und zertifiziertes Unternehmen. für umfassende Bewachungstätigkeiten ohne jegliche Einschränkung. Unser Team wurde speziell in den Bereichen der Körpersprache, Thetorik und Gesprächstechnik geschult, um Ihnen bestmöglichst zur Seite stehen zu können.</p>
<p>Aufgrund unserer vielseitigen Erfahrungen und dem Umgang komplexer Sachverhalte erstellen wir für Sie ein entsprechend faires Angebot, individuell auf Sie oder Ihr Unternehmen abgestimmt.

<!-- Bildeffekt_1 START -->

<br />
<br />
<div class="div_offer_all" id="div_offer_all">
<div class="div_index_offer_1" id="div_index_offer_1">
<style type="text/css">
/* <![CDATA[ */
.image-wrapper {
border:3px solid #EEE;
position:relative;
float:left;
width:290px;
height:150px;
overflow:hidden;
}

.image-wrapper > img {
display:block;
}

.image-wrapper {
box-shadow:0px 0px 5px rgba(0, 0, 0, .7);
-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, .7);
-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, .7);
}

.image-wrapper > .image-details {
margin:0;
position:absolute;
left:0px;
right:0px;
bottom:0px;
height:50px;
line-height:50px;
background:#000;
color:#fff;
opacity:.7;
}
/* ]]> */
</style>

<h2>Personenschutz<br />
<br />
</h2>

<div class="image-wrapper">
<img src="http://www.tutorials.de/images/Fotolia_security.jpg" alt="" />
<p class="image-details">
*» <a href="#">Erfahren Sie mehr</a>
</p>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
/* <![CDATA[ */

$(function() {
$('.image-details').css('bottom', '-50px').parent().hover(function() {
$(this).find('.image-details').animate({'bottom': '0px'}, 150);
}, function() {
$(this).find('.image-details').animate({'bottom': '-50px'}, 150);
});
});

/* ]]> */
</script></div>

<!-- Bildeffekt_1 ENDE -->
<!-- Bildeffekt_21 START -->

<div class="div_index_offer_2" id="div_index_offer_2">
<style type="text/css">
/* <![CDATA[ */
.image-wrapper {
border:3px solid #EEE;
position:relative;
float:left;
width:290px;
height:150px;
overflow:hidden;
}

.image-wrapper > img {
display:block;
}

.image-wrapper {
box-shadow:0px 0px 5px rgba(0, 0, 0, .7);
-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, .7);
-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, .7);
}

.image-wrapper > .image-details {
margin:0;
position:absolute;
left:0px;
right:0px;
bottom:0px;
height:50px;
line-height:50px;
background:#000;
color:#fff;
opacity:.7;
}
/* ]]> */
</style>

<h2>Objektschutz<br />
<br />
</h2>

<div class="image-wrapper">
<img src="http://www.tutorials.de/images/Fotolia_cam.jpg" alt="" />
<p class="image-details">
*» <a href="#">Erfahren Sie mehr</a>
</p>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
/* <![CDATA[ */

$(function() {
$('.image-details').css('bottom', '-50px').parent().hover(function() {
$(this).find('.image-details').animate({'bottom': '0px'}, 150);
}, function() {
$(this).find('.image-details').animate({'bottom': '-50px'}, 150);
});
});

/* ]]> */
</script></div>

<!-- Bildeffekt_2 ENDE -->
<!-- Bildeffekt_3 START -->

<div class="div_index_offer_3" id="div_index_offer_3">
<style type="text/css">
/* <![CDATA[ */
.image-wrapper {
border:3px solid #EEE;
position:relative;
float:left;
width:290px;
height:150px;
overflow:hidden;
}

.image-wrapper > img {
display:block;
}

.image-wrapper {
box-shadow:0px 0px 5px rgba(0, 0, 0, .7);
-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, .7);
-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, .7);
}

.image-wrapper > .image-details {
margin:0;
position:absolute;
left:0px;
right:0px;
bottom:0px;
height:50px;
line-height:50px;
background:#000;
color:#fff;
opacity:.7;
}
/* ]]> */
</style>

<h2>Sicherheitsdienstleistungen<br />
<br />
</h2>

<div class="image-wrapper">
<img src="http://www.tutorials.de/images/Fotolia_driver.jpg" alt="" />
<p class="image-details">
*» <a href="#">Erfahren Sie mehr</a>
</p>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
/* <![CDATA[ */

$(function() {
$('.image-details').css('bottom', '-50px').parent().hover(function() {
$(this).find('.image-details').animate({'bottom': '0px'}, 150);
}, function() {
$(this).find('.image-details').animate({'bottom': '-50px'}, 150);
});
});

/* ]]> */
</script></div>

<!-- Bildeffekt_3 ENDE -->
</div>
</div>
<div class="div_footer" id="div_footer">
<div class="div_footer_ueberuns" id="div_footer_metanavi"><strong> Über uns</strong>:<br />
<br />
»Wir sind ein Sicherheitsunter-nehmen, dass sich mit seiner Leistung und Qualifikation in vielen Bereichen der Sicherheitsbranche etabliert hat.«<br />
</div>
<div class="div_footer_seperator" id="div_intro_seperator4"></div>
<div class="div_footer_metanavi" id="div_footer_metanavi2"><strong>In Kürze</strong>:<br />
<br />
» <a href="#">Start</a><br />
» <a href="#">Über uns</a><br />
» <a href="#">Ausbildung</a><br />
»
<a href="#">Leistung</a><br />
<br />
» <a href="#">Kontakt</a><br />
» <a href="#">Impressum</a></div>
<div class="div_footer_seperator" id="div_intro_seperator2"></div>
<div class="div_footer_anschrift" id="div_footer_metanavi4"><strong>Hier finden Sie uns:</strong><br />
<br />
Firma<br />
Inhaber<br />
Strasse<br />
PLZ Ort<br />
Land
<p>Handy<br />
(@) email@</p>
</div>
<div class="div_footer_seperator" id="div_intro_seperator3"></div>
<div class="div_footer_formular" id="div_footer_metanavi3"><strong>Ihre Anfrage:</strong><br />
<br />
<form id="form1" name="form1" method="post" action="">
<table width="344" border="0">
<tr>
<td width="58">Name*</td>
<td width="272"><label for="Name"></label>
<input name="Name" type="text" class="form_text" id="Name" value="Nachname, Vorname" size="30" /></td>
</tr>
<tr>
<td width="58">E-Mail*</td>
<td><label for="E-Mail"></label>
<input name="E-Mail" type="text" class="form_text" id="E-Mail" value="@" size="30" /></td>
</tr>
<tr>
<td width="58" valign="top">Nachricht*</td>
<td><label for="Nachricht"></label>
<textarea name="Nachricht" cols="48" rows="4" class="form_text" id="Nachricht">Ihre Mitteilung an uns...</textarea></td>
</tr>
<tr>
<td valign="top">&nbsp;</td>
<td>* Pflichtfelder</td>
</tr>
</table>
</form>
</div>
</div>
<div class="div_copyright" id="div_copyright">© 2012 by Inhaber | Darstellung optimiert für Mozilla Firefox | Bidschirmauflösung 1280 x 1024 | <a href="mailto: email@">email@</a> | <a href="URL">URL</a></div>
</div>
</body>
</html>

HTML: 
    <!-- Bildeffekt_3 ENDE -->
    </div>
    </div>
    <div class="div_footer" id="div_footer">
    <div class="div_footer_ueberuns" id="div_footer_metanavi"><strong> Über uns</strong>:<br />
    <br />
    »Wir sind ein Sicherheitsunter-nehmen, dass sich mit seiner Leistung und Qualifikation in vielen Bereichen der Sicherheitsbranche etabliert hat.«<br />
    </div>
    <div class="div_footer_seperator" id="div_intro_seperator4"></div>
    <div class="div_footer_metanavi" id="div_footer_metanavi2"><strong>In Kürze</strong>:<br />
    <br />
    » <a href="#">Start</a><br />
    » <a href="#">Über uns</a><br />
    » <a href="#">Ausbildung</a><br />
    »
    <a href="#">Leistung</a><br />
    <br />
    » <a href="#">Kontakt</a><br />
    » <a href="#">Impressum</a></div>
    <div class="div_footer_seperator" id="div_intro_seperator2"></div>
    <div class="div_footer_anschrift" id="div_footer_metanavi4"><strong>Hier finden Sie uns:</strong><br />
    <br />
    Firma<br />
    Inhaber<br />
    Strasse<br />
    PLZ Ort<br />
    Land
    <p>Handy<br />
    (@) email@</p>
    </div>
    <div class="div_footer_seperator" id="div_intro_seperator3"></div>
    <div class="div_footer_formular" id="div_footer_metanavi3"><strong>Ihre Anfrage:</strong><br />
    <br />
    <form id="form1" name="form1" method="post" action="">
    <table width="344" border="0">
    <tr>
    <td width="58">Name*</td>
    <td width="272"><label for="Name"></label>
    <input name="Name" type="text" class="form_text" id="Name" value="Nachname, Vorname" size="30" /></td>
    </tr>
    <tr>
    <td width="58">E-Mail*</td>
    <td><label for="E-Mail"></label>
    <input name="E-Mail" type="text" class="form_text" id="E-Mail" value="@" size="30" /></td>
    </tr>
    <tr>
    <td width="58" valign="top">Nachricht*</td>
    <td><label for="Nachricht"></label>
    <textarea name="Nachricht" cols="48" rows="4" class="form_text" id="Nachricht">Ihre Mitteilung an uns...</textarea></td>
    </tr>
    <tr>
    <td valign="top">&nbsp;</td>
    <td>* Pflichtfelder</td>
    </tr>
    </table>
    </form>
    </div>
    </div>
    <div class="div_copyright" id="div_copyright">© 2012 by Inhaber | Darstellung optimiert für Mozilla Firefox | Bidschirmauflösung 1280 x 1024 | <a href="mailto: email@">email@</a> | <a href="URL">URL</a></div>
    </div>
    </body>
    </html>
HTML: 
    a:link {
    color: #FFF;
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    }
    a:hover {
    text-decoration: none;
    color: #999;
    }
    a:active {
    text-decoration: none;
    }
    h1 {
    font-size: 14px;
    color: #666;
    text-shadow: 1px 1px 0px #fff;
    line-height: 20px;
    }
    h2 {
    font-size: 14px;
    color: #666;
    text-shadow: 1px 1px 0px #fff;
    line-height: 4px;
    }
    body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(../images/background.jpg);
    background-repeat: repeat;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 20px;
    }
    body,td,th {
    font-family: Verdana, Geneva, sans-serif;
    }
    img.hintergrundbild {
    min-height: 100%; /* Diese zwei Zeilen setzen die Regeln um den Hintergrund zu füllen */
    min-width: 1280px;
    width: 100%; /* Die Regeln, welche für die Skalierung sorgen */
    height: auto;
    position: fixed; /* Die Positionierung */
    top: 0;
    left: 0;
    z-index: -1;
    }


    @Firma and (max-width: 1024px) {
    img.hintergrundbild {
    left: 50%; /* Ohne diese Angaben funktioniert es nicht */
    margin-left: -512px; }
    }


    div#inhalt {
    position: relative; /* Diese Angabe ist extrem wichtig, da ansonsten der Inhalt nicht angezeigt wird! */
    }
    .div_main {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 1024px;
    margin-right: auto;
    margin-left: auto;
    }
    .div_logo {
    background-image: url(../images/Logo.png);
    background-repeat: repeat;
    background-position: left top;
    height: 85px;
    width: 289px;
    margin-top: 100px;
    margin-left: 32px;
    float: left;
    margin-bottom: 25px;
    }
    .div_navi {
    text-align: left;
    width: auto;
    margin-right: 15px;
    margin-left: auto;
    margin-bottom: 20px;
    font-family: Verdana, Geneva, sans-serif;
    clear: right;
    height: 55px;
    float: right;
    margin-top: 135px;
    }
    .div_header {
    text-align: left;
    background-image: url(../images/Header.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 250px;
    width: 1024px;
    margin-right: auto;
    margin-left: auto;
    clear: both;
    }
    .div_footer {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    text-align: justify;
    width: 940px;
    margin-right: auto;
    margin-left: auto;
    background-color: #333;
    color: #FFF;
    height: 180px;
    box-shadow: 0px 2px 5px black;
    webkit-border-radius: 0px 0px 10px 10px;
    moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    margin-bottom: 10px;
    float: none;
    clear: left;
    padding: 10px;
    }
    .div_header_text {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding-top: 177px;
    padding-left: 40px;
    padding-right: 40px;
    color: #FFF;
    }
    .div_intro {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    width: 920px;
    margin-right: auto;
    margin-left: auto;
    webkit-border-radius: 10px 10px 0px 0px;
    moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    height: 170px;
    box-shadow: 0px 0px 5px black;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
    background-color: #ccc;
    background-image: url(../images/background_header.gif);
    }
    .div_content {
    text-shadow: 1px 1px 0px #fff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    text-align: justify;
    width: 940px;
    margin-right: auto;
    margin-left: auto;
    height: 465px;
    color:#444;
    /*** CSS Gradient ***/
    /* Chrome 1-9 and Safari 4-5.0 */
    background-image: -webkit-gradient(linear, left top, left bottom,
    color-stop( 0.0, #CCCBCB ),
    color-stop( 1.0, #999898 ));
    /* Chrome 10+ Safari 5.1+ Mobile Safari */
    background-image: -webkit-linear-gradient(top,
    #CCCBCB,
    #999898 );
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(top,
    #CCCBCB,
    #999898 );
    /* IE 10+ */
    background-image: -ms-linear-gradient(top,
    #CCCBCB,
    #999898 );
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(top,
    #CCCBCB,
    #999898 );
    /* W3C */
    background-image: linear-gradient(top,
    #CCCBCB,
    #999898 );
    box-shadow: 0px 2px 5px black;
    padding-top: 20px;
    padding-right: 0px;
    padding-left: 20px;
    padding-bottom: 10px;
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #E8E8E8;
    clear: left;
    }
    .div_intro_left {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    width: 350px;
    height: 150px;
    float: left;
    background-image: url(../images/sherrif_badge.png);
    background-repeat: no-repeat;
    background-position: -5px 40px;
    padding-left: 80px;
    padding-top: 10px;
    color:#444;
    text-shadow: 1px 1px 0px #eee;
    text-align: justify;
    }
    .div_intro_right {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    width: 350px;
    height: 150px;
    float: left;
    background-image: url(../images/clipboard.png);
    background-repeat: no-repeat;
    background-position: -5px 40px;
    padding-left: 80px;
    padding-top: 10px;
    color:#444;
    text-shadow: 1px 1px 0px #eee;
    text-align: justify;
    }
    .div_intro_seperator {
    float: left;
    height: 150px;
    width: 40px;
    padding-left: 10px;
    padding-top: 10px;
    background-image: url(../images/seperator_header.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    }
    .div_footer_seperator {
    float: left;
    height: 150px;
    width: 1px;
    padding-left: 0px;
    padding-top: 0px;
    border-left-width: thin;
    border-left-style: groove;
    border-left-color: #999;
    margin-top: 5px;
    }
    .picture_spycam {
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
    }
    .div_index_offer_1 {
    height: 225px;
    width: 300px;
    float: left;
    line-height: 10px;
    }
    .div_index_offer_2 {
    height: 225px;
    width: 300px;
    float: left;
    margin-left: 9px;
    margin-right: 10px;
    line-height: 10px;
    }
    .div_index_offer_3 {
    height: 225px;
    width: 300px;
    float: left;
    clear: none;
    line-height: 10px;
    }
    .div_offer_all {
    text-shadow: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #FFF;
    height: 205px;
    width: 920px;
    border-top-width: thin;
    border-top-style: outset;
    border-top-color: #999;
    border-bottom-width: thin;
    border-bottom-style: inset;
    border-bottom-color: #666;
    padding-top: 10px;
    padding-bottom: 5px;
    }
    .div_footer_ueberuns {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    line-height: 16px;
    color: #FFF;
    height: auto;
    width: 105px;
    margin-left: 40px;
    margin-right: 30px;
    text-align: left;
    float: left;
    }


    .div_footer_metanavi {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    line-height: 16px;
    color: #FFF;
    height: auto;
    width: 75px;
    float: left;
    margin-left: 35px;
    margin-right: 30px;
    }
    .div_footer_anschrift {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    line-height: 16px;
    color: #FFF;
    height: auto;
    width: 150px;
    float: left;
    margin-left: 40px;
    margin-right: 15px;
    }
    .div_footer_formular {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    line-height: 16px;
    color: #FFF;
    height: auto;
    width: auto;
    float: left;
    margin-left: 35px;
    margin-right: 0px;
    }
    .picture_lupe
    {
    float: right;
    }
    .form_text {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #666;
    }
    .div_copyright {
    text-shadow: 0px 0px 2px grey;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #333;
    text-align: center;
    clear: left;
    margin-bottom: 10px;
    }

    ul#blue { margin:0; padding:0; list-style-type:none; }

    ul#blue li { position:relative; float:left; border-top:4px solid #efefef; margin-right: 15px; padding-right: 20px; padding-top: 5px;}

    ul#blue .current {
    border-top:4px solid #555;
    }

    ul#blue li:hover {
    border-top:4px solid #555;
    }

    ul#blue li a {
    padding:2px 2px;
    text-decoration:none;
    color:#555;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 1px 0px #ddd;
    }

    ul#blue li a:hover {
    color:#555;
    border:none;
    text-shadow: 1px 1px 0px #ddd;
    }

    ul#blue li span{
    display:none;
    position:absolute;
    top:20px;
    left:2px;
    width:160px;
    line-height: 15px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    }

    ul#blue li a:hover span {
    margin-top: 7px;
    display:block;
    color: #333;
    }

VG
Tobm
 
Zuletzt bearbeitet von einem Moderator:
Ein XHTML-Problem kann ich hier nicht entdecken ;)

Die Links erscheinen lila, sobald die Verweisziele aufgerufen wurden, da derzeit im CSS für die :visited-Pseudoklasse, die für bereits besuchte Seiten gilt, keine Textfarbe definiert ist, und daher diese Farbe aus den Browservoreinstellungen genommen wird.

Mein Tipp aus deinem letzten Thema gilt übrigens auch hier noch immer, den Quellcode an den angesprochenen Passagen zu verjüngen ;-)
 
Zuletzt bearbeitet:
Mein Tipp und meine Bitte an dich:

Der zum Abschluß eines Themas entfernte Quellcode macht es den zukünftigen Hilfesuchenden und Lesern unmöglich, dem Thema zu folgen!

Vielen Dank im Namen der Community von tutorials.de!
 
Zuletzt bearbeitet:
spicelab hat gesagt.:
Mein Tipp und meine Bitte an dich:

Der zum Abschluß eines Themas entfernte Quellcode macht es den zukünftigen Hilfesuchenden und Lesern unmöglich, dem Thema zu folgen!

Vielen Dank im Namen der Community von tutorials.de!
Zum Vergrößern anklicken....

Jop - alles klar... ich werde mich dann in Zukunft auf die wichtigen Passagen des Quellendes beschränken. Als **** bin ich aber ehrlich gesagt etwas ratlos wenn´s darum geht die richtigen Codeschnipsel "auszufiltern"...?!
 
Du kannst jederzeit unterhalb deines Beitrags mit Klick auf Geändert von tobm_knows_best die Versionen vergleichen und per Copy&Paste die relevanten HTML- und CSS-Auszüge zurückschaufeln ;)

Das gilt auch für deine anderen Themen... :)
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück