Liebe Beraterinnen und Berater
Ich bin daran das Design meiner Webseite Michael Ritter "aufzumöbeln" und habe mich an die Themen "Zentrierung" (1. Priorität) und "Footer" (2. Priorität) gemacht. Das vorläufige Zwischenresultat ist unter Michael Ritter zu bewundern.
Ich schreibe um ggf. Rückmeldungen bezüglich offenkundigen Fehlern und so zu erhalten (regelrechte Syntaxfehler sollten an sich nicht vorhanden sein, da die Seite HTML5-validiert ist); es geht dabei am ehesten um Fehler vom Typ "daraus kann nie etwas Schlaues werden". Es geht wie gesagt ums Design, deshalb habe ich den Fred im CSS-Forum eröffnet. Der CSS-Code der oben verlinkten Testseite ist:
Es geht dabei nicht ums broweserspezifische Fragen; auf den drei meistverwendeten (FF, IE und Chrome, je nur auf aktuellen Versionen getestet) sieht es überall gleich aus - ob gleich gut oder gleich mies, das wäre also dann eher die Frage...!
Ich bin für alle Feedebacks dankbar. Noch etwas zum für mich derzeit umsetzbaren technischen Niveau der Antworten: Ich möchte derzeit noch kein JavaScript (und erst recht kein PHP) einsetzen, es geht also mal nur um HTML und CSS.
Ich habe das neue Design noch nicht auf anderen Seiten als auf der Hauptseite getestet, das dürfte aber ein Nebenschauplatz sein.
Ich danke allen Postern im Voraus herzlich.
Lg Xeno
Ich bin daran das Design meiner Webseite Michael Ritter "aufzumöbeln" und habe mich an die Themen "Zentrierung" (1. Priorität) und "Footer" (2. Priorität) gemacht. Das vorläufige Zwischenresultat ist unter Michael Ritter zu bewundern.
Ich schreibe um ggf. Rückmeldungen bezüglich offenkundigen Fehlern und so zu erhalten (regelrechte Syntaxfehler sollten an sich nicht vorhanden sein, da die Seite HTML5-validiert ist); es geht dabei am ehesten um Fehler vom Typ "daraus kann nie etwas Schlaues werden". Es geht wie gesagt ums Design, deshalb habe ich den Fred im CSS-Forum eröffnet. Der CSS-Code der oben verlinkten Testseite ist:
Code:
* {
margin:0;
padding:0;
}
html {
background-color:#008000;
}
body {
background-color:#B4DC00;
font-family:Verdana, sans-serif;
margin-left:10%;
margin-right:10%;
margin-top:20px;
}
p, #navi {
margin:0 20px 20px 20px;
}
h1, h2, h3 {
margin:0 20px 10px 20px;
}
h1 {
font-size:180%;
}
h2 {
font-size: 160%;
}
h3 {
font-size: 140%;
}
a, span {
text-decoration:none;
}
img {
text-align:center;
border:0;
}
div {
margin:0 20px 20px 20px;
background-color:#FFFF66;
font-size:80%;
padding:10px 0 10px 5px;
}
a:link {
color:#2F54FF;
}
a:visited {
color:#FF4B4B;
}
a:hover { color:#FEFF49;
}
span {
color:#2F54FF;
}
.linkliste li {
margin:0 0 0 37.5px;
}
.linkliste {
margin:0 0 20px 0;
}
#navi {
list-style-type:none;
float:left;
width:95%;
background-color:#FFFFFF;
margin-top:5px;
}
#navi li {
float:left;
position:relative;
}
#navi a, span {
padding:10px;
display:block;
background-color:#FFFFFF;
margin:0;
}
#navi li ul {
position:absolute;
left:-999999px;
top:auto;
}
#navi ul li { display:block;
width:100%;
font-size:90%;
margin:0;
}
#navi li:hover ul {
left:0;
}
#navi a:hover {
color:#FF40CF;
}
#navi span {
background-color:#D2A5FF;
}
#hauptbild {
text-align:center;
}
#anfang {
text-align:center;
margin-bottom:20px;
font-size:200%;
}
Es geht dabei nicht ums broweserspezifische Fragen; auf den drei meistverwendeten (FF, IE und Chrome, je nur auf aktuellen Versionen getestet) sieht es überall gleich aus - ob gleich gut oder gleich mies, das wäre also dann eher die Frage...!
Ich bin für alle Feedebacks dankbar. Noch etwas zum für mich derzeit umsetzbaren technischen Niveau der Antworten: Ich möchte derzeit noch kein JavaScript (und erst recht kein PHP) einsetzen, es geht also mal nur um HTML und CSS.
Ich habe das neue Design noch nicht auf anderen Seiten als auf der Hauptseite getestet, das dürfte aber ein Nebenschauplatz sein.
Ich danke allen Postern im Voraus herzlich.
Lg Xeno
Zuletzt bearbeitet: