Hallo u. guten Tag,
ich habe eine Seite erstellt. Beim vertikalen und horizontalen Menü verändert sich die Schriftfarbe von silver nach weiß, der Hintergrund jeweils nach maroon wie von mir gewünscht (im hmenue ist der Hintergrund auch maroon).
Im content habe ich mehrere Listen, bei denen es genauso gehen soll. Der Hintergrund ändert sich, die Schriftfarbe bleibt dort schwarz … keine Ahnung welche Einstellung sich hier beißt.
Ich möchte schon, dass alles Links gleich aussehen …
Vielen Dank im Voraus.
MfG
Günther Preiß
hier die HTML und anschließend die CSS Eingaben
HTML:
LinksG P
St
</p>
</div>
Surfbrett
Nur perfekt informiert können Sie am heutigen Markt existieren - Das Internet und meine Links helfen Ihnen dabei.
Berufsständische Einrichtungen
Bundesgerichte
Bundesbehörden
Sicherheit im Internet
- {
margin : 0;
padding : 0;
}
body {
font-size : 14pt;
color : black;
}
#wrapper {
width : 1023px;
border : 1px solid black;
margin : 10px auto;
background-image: url(‚images/verlauf_grau.jpg‘)
}
#header {
float : left;
width : 980px;
height : 90px;
border-bottom-color: maroon;
border-bottom-style: solid;
margin: 5px;
padding-top: 20px;
font-family: Arial, Helvetica, sans-serif;
}
#hmenue {
float: right;
width : 990px;
height : 20px;
margin-left:5px;
margin-right:5px;
margin-top : 90px;
padding-right: 10px;
display: block;
letter-spacing: 1px;
font-family : Arial, Helvetica, sans-serif;
}
#menue {
float : left;
width : 160px;
height: 300px;
margin-top : 200px;
padding: 5px 15px;
letter-spacing: 1px;
display: block;
font-family : Arial, Helvetica, sans-serif;
}
#content {
float : right;
width : 700px;
margin : 5px;
margin-top : 80px;
margin-right : 60px;
text-align: justify;
text-decoration: none;
font-style: normal;
font-family : Arial, Helvetica, sans-serif;
color: black;
}
#footer {
clear : both;
width : 990px;
height : 50px;
border : 4px solid maroon;
margin : 5px;
padding-top:4px;
padding-bottom:4px;
font-family : Arial, Helvetica, sans-serif;
}
.aktiv {
color : white;
font-family : Arial, Helvetica, sans-serif;
}
right top, left top {
font-size : 24pt;
text-align : center;
padding-top : 20px;
font-family : Arial, Helvetica, sans-serif;
}
#menue ul {
margin-top : 40px;
margin-left : 20px;
font-weight : normal;
font-size : 12pt;
}
#menue ul li {
list-style : none;
font-family : Arial, Helvetica, sans-serif;
margin : 10px;
}
#menue a {
font-weight: bold;
text-decoration: none;
color: #bc1001;
}
#menue a:link {
color : silver;
text-decoration : none;
}
#menue a:visited {
color: silver;
text-decoration: none;
}
#menue a:hover {
background-color : maroon;
text-decoration : none;
color : white;
}
#hmenue ul {
margin: 0;
font-size : 12pt;
font-family : Arial, Helvetica, sans-serif;
text-align:right;
background-color: maroon;
}
#hmenue ul li {
display : inline;
list-style : none;
padding-right: 10px;
}
#hmenue a {
font-weight: bold;
text-decoration: none;
color: silver;
}
#hmenue a:link {
color: silver;
text-decoration : none;
}
#hmenue a:visited {
text-decoration: none;
}
#hmenue a:hover {
background-color: maroon;
text-decoration: none;
color: white;
}
#content ul {
display : inline;
text-decoration : none;
color : black;
font-size : 12pt;
font-family : Arial, Helvetica, sans-serif;
margin-right : 10px;
margin-top : 350px;
}
#content ul li {
display: inline;
list-style : none;
font-family: Arial, Helvetica, sans-serif;
}
#content a:hover {
color: white;
background-color: maroon;
text-decoration: none;
}
#content a:link {
color: black;
text-decoration : none;
}
#content a:visited {
text-decoration : none;
color: black;
}
#content a {
font-weight: lighter;
text-decoration: none;
color: #bc1001;
}
.links {
float: left;
margin-right: 10px;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
}
.rechts {
float: right;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
margin-right:10px;
}
.auto-style3 {
margin-left: 400px;
font-family: Arial, Helvetica, sans-serif;
}
.auto-style4 {
margin-left: 430px;
}
.auto-style5 {
font-family: Arial, Helvetica, sans-serif;
}
.auto-style6 {
margin-top: 9px;
margin-bottom: 0;
}
.textfeld {
margin: 15 px;
}
.submitbutton {
margin: 15px;
}
.textfeld input {
width: 250px;
padding: 4px;
display: block;
border: 1px solid #333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.textfeld label {
display: block;
}