✔ Navi-Leiste richtet sich nicht richtig aus

hm also der rote spalt wär garnet so schlecht, aber die positioniertung muss ich mir noch überlegen.
genau wie bei deinem screenshot sollte es bei mir aussehen^^
komisch^^
und ja ich hab alle deine änderungen übernommen.
kannst du mir noch schnell sagen wie ich die links der navigationsleiste in die mitte der hintergrundbilder rücke?
danke!
 
FunkFlex hat gesagt.:
genau wie bei deinem screenshot sollte es bei mir aussehen^^
komisch^^
und ja ich hab alle deine änderungen übernommen.
Zum Vergrößern anklicken....
Browsercache auch zwischendurch geleert?


FunkFlex hat gesagt.:
kannst du mir noch schnell sagen wie ich die links der navigationsleiste in die mitte der hintergrundbilder rücke?
Zum Vergrößern anklicken....
Die Einstellung hattest du doch zuvor :suspekt:

CSS: 
ul#navigation li a {
        background-image:url(button.jpg);
        display:block;
        width:192px;
        height: 48px;
    color: black;
    text-align:center; /* doch nicht left */

}

Und vernachlässige beim Verfassen deiner weiteren Beiträge deine Shift-Taste nicht - danke!

mfg Maik
 
Nenn mal den Link zu deiner Seite.

Wüsste jetzt nicht, was das mit dem Hintergrundbild der Links zu tun haben soll.

mfg Maik
 
Tja, dann kann ich dir leider auch nicht weiterhelfen, denn wie du anhand meines Schnappschusses siehst, funktioniert da alles soweit bestens, was du ja auch mit eigenen Worten bestätigt hast.

Die angewandten CSS-Regeln habe ich dir hier alle genannt.

mfg Maik
 
Dort willst du hin?

demo2.jpg


Das ist mein Code:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="author" content="Maik" />
<meta name="date" content="2010-05-18" />

<title>tutorials.de | Navi-Leiste richtet sich nicht richtig aus</title>

<style type="text/css">
/* <![CDATA[ */
#wrapper {
        margin: 0 auto;
        width: 960px;
}

#leftcol {
        float:left;
        width:192px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
}

#mecklogo {
        height: 192px;
        width: 192px;
        background-color:#0F3;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        }
#naviblock {
        height:auto;
        min-height: 400px;
        width: 192px;
        background-color:#F03;
        list-style:none;
        float:left;
        }

ul#navigation {
        margin:0;
        padding:0;
}

ul#navigation li {
list-style-type:none;
text-decoration:none;
}

ul#navigation li a {
        background-image:url(button.jpg);
        background:#eee; /* von mir alternativ als Hintergrund deklariert */
        display:block;
        width:192px;
        height: 48px;
    color: black;
    text-align:center;

}

ul#navigation li a:hover {
background-image: url(button-hover.jpg);
display:block;
color: #fff;
text-decoration:underline;
list-style:none;
}

ul#navigation-1 li a.active {
background: #459d44;
color: #fff;
text-decoration: underline;
}



#rightcol {
        width:768px;
        float:left;
        margin: 0 0 0 0;
        padding: 0 0 0 ;
}
#header {
        height: 192px;
        width: 768px;
        background-color:#39C;
    margin: 0 0 0 0;
        padding:0 0 0 0;
}

#metainformation {
height: 100px;
width: 752.68px;
background-color:#C3C;
margin: 0;
padding: 0;
}
/* ]]> */
</style>

</head>
<body>

<div id="wrapper">
  <div id="leftcol">
   <div id="mecklogo"></div> <!-- endlogo -->

   <div id="naviblock">
        <ul id="navigation">
            <li><a href="#">Home</a></li>
            <li><a href="#">Unser Leitbild</a></li>
            <li><a href="#">Gästebuch</a></li>
            <li><a href="#">Kontakt</a></li>
            <li><a href="#">Impressum</a></li>
        </ul>
   </div> <!-- endnavi -->
  </div> <!-- endleftcol -->

 <div id="rightcol">
   <div id="header">

   </div> <!-- endheader*/ -->

   <div id="metainformation">

   </div> <!-- endmetainfo */ -->
 </div> <!-- endrightcol -->

 </div> <!--endwrapper*/ -->

</body>
</html>


mfg Maik
 
Kleiner Nachtrag: Falls die Links keine Textunterstreichung besitzen sollen, wird text-decoration:none im CSS an anderer Stelle geregelt:

CSS: 
ul#navigation li {
list-style-type:none;
/*text-decoration:none;*/ /* zeigt hier keine Wirkung */
}

ul#navigation li a {
        background-image:url(button.jpg);
        display:block;
        width:192px;
        height: 48px;
        color: black;
        text-align:center;
        text-decoration:none; /* sondern hier */
}

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück