Vielleicht hat jemand einen Tipp, ich weiß einfach nicht weiter.
Ich möchte versuchen (zur Übung), eine Seite Bauen, die
soweit wie möglich barrierefrei gestaltet ist. Nach meinen Informationen
soll möglichst auf Tabellen verzichtet werden. Bisher gelingt es mir
aber noch nicht. Meine Navigation soll horizontal verlaufen,
klarer wird es an diesem Beispiel.
http://www.klaus-j-fuchs.de/test/start1.html
(Apropo, es ist bisher nur im Internet Explorer sauber zu sehen)
Das Problem ist aber, hier habe ich es noch mit Tabelle gelöst.
Sobald ich es aber nur mit einer Ebene versuche, ohne Tabelle zu lösen ?!
die Positionierung nicht mehr.
http://www.klaus-j-fuchs.de/test/start.html
Habt ihr eine Idee, ich bin etwas ratlos.
Danke
Der CSS Quelltext:
Ich möchte versuchen (zur Übung), eine Seite Bauen, die
soweit wie möglich barrierefrei gestaltet ist. Nach meinen Informationen
soll möglichst auf Tabellen verzichtet werden. Bisher gelingt es mir
aber noch nicht. Meine Navigation soll horizontal verlaufen,
klarer wird es an diesem Beispiel.
http://www.klaus-j-fuchs.de/test/start1.html
(Apropo, es ist bisher nur im Internet Explorer sauber zu sehen)
Das Problem ist aber, hier habe ich es noch mit Tabelle gelöst.
Sobald ich es aber nur mit einer Ebene versuche, ohne Tabelle zu lösen ?!
die Positionierung nicht mehr.
http://www.klaus-j-fuchs.de/test/start.html
Habt ihr eine Idee, ich bin etwas ratlos.
Danke
Der CSS Quelltext:
Code:
*Linbereich fuer Hauptnavigation*/
.hola{
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
background-color: #597288;
padding-top:3px;
padding-bottom:3px;
width: 95px;
text-align: center;
padding-right: 0px;
padding-left: 0px}
a.hola:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #212B34;
text-decoration: underline;
background-color: #597288;
}
a.hola:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #B3AD84;
text-decoration: none;
background-color: #597288;
}
a.hola:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #576D93;
text-decoration: none;
background-color: #38475F;
}
a.hola:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #D0D5DD;
background-color: #516282;
text-decoration: none;
}
/*Linkbereich ende*/
/*Hier wird die Ebene festgelegt*/
#nav{
position: relative;
visibility: visible;
z-index: auto;
left: 50px;
top: 132px;
height:20px;
width: 795px;
background-color: #597288;
color: #8DA0AF;
text-align: right;
}