Guten Morgen. Zuerst einmal: Ich habe wenig Ahnung von HTML etc, arbeite hauptsächlich mit Tutorials, Trial & Error und etwas Grundwissen, deswegen bitte keine allzu komplizierten Erklärungen im Anschluss… Jedenfalls habe ich mir nun die Nacht damit um die Ohren geschlagen, meine Seite auf *Link fertig zu stellen. Im Großen und Ganzen bin ich zufrieden damit, jedoch habe ich noch folgendes Problem: Wenn man nämlich die Links oben mittig nutzt, um auf eine andere Seite zu gelangen, ändert sich die Schriftart des angeklickten Links und zieht sich auseinander, was zur Folge hat, dass sich die Linkleiste, so nenne ich sie jetzt mal, jedesmal verschiebt. Ansich hätte ich es gerne so, dass der Text nur unterstrichen wird. Was genau muss ich da in der style.css Datei löschen bzw. umschreiben?
Meine style.css:
body {
background-image:url(images/background.jpg);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
background-repeat: no-repeat;
background-position: center;
background-color: #000000;
}
/Featured Game Beschreibung/
- {margin: 0px;padding: 0px;}
p {
padding: 10px 10px 10px 20px;
display:block;
color:#dae1d7;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold
}
/Schriftfarbe der Links ganzseitig/
a {
color:#d3e4f4;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
#container {
margin: 0px auto;
text-align: left;
width: 860px;
}
/Logo Bild Kopfbereich/
#header{
height:300px;
width:900px;
background-image:url(images/header.gif);
background-repeat: no-repeat;
margin-left:17px;
}
#content{
}
#left{
width:192px;
float:left;
}
#middle{
margin-left:206px;
margin-right:196px;
width:450px;
}
#right{
width:192px;
float:right;
}
a img {
border: none;
}
/********************* menu *******/
.menuheader{
width:192px;
height:37px;
background-image:url(images/menutop.gif);
display:block;
}
.menucontent{
width:192px;
background-image:url(images/menumiddle.gif);
padding-top:10px;
background-repeat: repeat-y;
}.menuheader h3{
padding: 10px 0px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
.menufooter{
width:192px;
height:15px;
background-image:url(images/menubottom.gif);
display:block;
}
.postheader,.menuheader{
color:#d2cccc;
text-transform: uppercase;
}
/ post ****************************/
.post{
margin-bottom:15px;
}
.postheader{
background-image:url(images/posttop.gif);
display:block;
width:450px;
height:33px;
}
.postheader h1{
padding: 7px 0px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
.postcontent{
background-image:url(images/postmiddle.gif);
background-repeat: repeat-y;
padding: 20px 0px;
}
.postfooter{
background-image:url(images/postbottom.gif);
background-repeat: no-repeat;
display:block;
width:450px;
height:15px;
}
/********************* header *******/
#header{
position:relative;
}
/Textlinks Hauptnavigation/
#header ul{
position:absolute;
top:250px;
display:block;
left:206px;
}
#header ul li{
display:inline;
text-align:center;
margin:auto;
width:auto;
border-right: 1px solid #6b7272;
}
.last{
border-right: 0px none #6b7272 !important;
}
#header ul li a{
display:inline;
text-align:center;
text-decoration:none;
padding: 0px 10px;
text-transform: uppercase;
}
#header ul li a:hover{
text-decoration:underline;
}
/ footer ****************************/
#footer{
width:850px;
}
#footer ul{
display:block;
margin-left:349px;
}
#footer ul li{
display:inline;
text-align:center;
margin:auto;
width:auto;
border-right: 1px solid #3d3d3d;
}
#footer ul li a{
display:inline;
text-align:center;
text-decoration:none;
padding: 0px 10px;
text-transform: uppercase;
}
#footer ul li a:hover{
text-decoration:underline;
}
#footer span{
color:#3d3d3d;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align:center;
width:850px;
display:block;
padding: 15px 0px;
}
/********************* menu rmenu ****************************/
.menu ul{
list-style-position: inside;
list-style-type: disc;
padding: 0px 0px 0px 20px;
color:#FFFFFF;
}
.menu ul li{
padding-top: 5px;
color:#FFFFFF;
}
.menu ul li a{
text-decoration:none;
padding: 0px;
text-transform: uppercase;
}
.menu ul li a:hover{
text-decoration:underline;
text-transform: uppercase;
}
.rmenu{
display:inline;
float:left;
margin-left:10px;
}
.rmenu span{
display:block;
text-align:center;
padding: 2px 0px 13px 0px;
text-transform: uppercase;
}
.rmenu img{
width:75px;
height:70px;
border: solid 2px #999999;
}
.clear{
clear:both;
}
Weiterhin ist auf der FAQ Seite unten links neben dem „Disclaimer“-Link eine Trennwand zu sehen, die da nicht sein soll. Auf den anderen Seiten ist diese nicht vorhanden und der Code ist mehr oder weniger der gleiche. Kann da auch jemand was zu sagen?
Dankeschön.