Scrolleiste in der Mitte der Seite....

[Hulot]

Moin zusammen!

[...] #links {
width: 120px;
border-collapse:collapse;
}

#links a {
display: block;
background: #E0E0E0;
color: #000080;
font: bold 11px Verdana,Arial;
margin: 0px auto;
padding: 4px 2px;
text-decoration: none;
width: 120px;
}

#links a:hover {
background-color: lightblue;
color: blue
} [...]

Bevor Du den Fehler machst und den ID-Selektor "#links" mehrmals vergibst, lies Dir mal den CSS-Workshop "Selektoren und Klassen" durch. Am besten direkt ein Lesezeichen setzen.

Im Klartext: Du kannst #links nur einmal benutzen. Willst Du die Definition mehrmals im Code anwenden, dann mach daraus eine Klasse bzw. Pseudoklasse:

[...].links {
width: 120px;
border-collapse:collapse;
}

a.links:link {
display: block;
background: #E0E0E0;
color: #000080;
font: bold 11px Verdana,Arial;
margin: 0px auto;
padding: 4px 2px;
text-decoration: none;
width: 120px;
}

a.links:hover {
background-color: lightblue;
color: blue
} [...]

Kann dann so verarbeitet werden:

[...]
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="links">

[url=example.html]Example</p></td>
</tr>
</table>
[...]

Gruß Hulot

[Jürgen]

Moin Hulot,

Ups! Hast ja Recht. Das kommt von dem "eben mal schnell kopieren". :wink: Da habe ich vergessen es anschließend anzupassen. Auf meiner Seite hatte ich das anfangs auch im externen CSS so stehen und ich mußte alles umkrempeln, weil der CSS-Validator gemeckert hatte.

Gruß
Jürgen

[Hulot]

Hallo Jürgen,

das macht nix, davon kann ich mich auch nicht freisprechen. Aber das ist in diesem Alter völlig als normal anzusehen.

@Bonzai
Allerdings würde ich die Klassen eindeutig benennen, sonst kommt man mit "links" und "links" schnell durcheinander.

Gruß Hulot

[Jürgen]

Hallo Hulot,

Aber das ist in diesem Alter völlig als normal anzusehen.

So einfach ist das, ein paar aufbauenden Worte und schon geht's mir besser :lol:

Bis dann
Jürgen