[quote=“yox”]mir gefällt der neue hintergrund schon besser aber ich bin kein designer.
zur zentrierung:
ich denke du müsstest die schrift ein einen container mit [CSS]
vertical-align: middle;setzten.
siehe hier
da dass allerdings nicht in allen browsern funktioniert(!testen) könntest du auch einfach deinem .navipunkt (mehr) padding geben.
[CSS]
padding-top: 2px; www.css4you.de ist eine hervoragende css referenz
und bei www.jendryschik.de gibts ein ganzes buch online zum thema html/css[/quote]
Das mit der vertikalen zentrierung funktioniert leider nur bei Tabellen. Aber mit padding sollte es sicher gehen. Danke
Am Hintergrund werde ich weiter herumbasteln.
Vielen Dank für die vielen Vorschläge. Werd mich mal dran setzen - der Inhalt muss ja auch noch kommen…
Okay, hab den BG der Seite mal geändert. Ich denke, so ist der akzeptabel.
Damit der Inhalt der Seite besser zur Geltung kommt hab ich dem noch einen weissen Schatten verpasst. Auch habe ich die Main-Page wieder online.
Was sagt ihr zum neuen BG?
Natürlich werde ich auch noch die andere Kritik umsetzen.
[quote=„Aspect“]Nur kann man durch die Streifen kaum noch was lesen
bzw. sry. Der BG wurde nicht geladen.
Viel besser als vorher. [/quote]
Streifen?
Du meinst den des Headers oder was? - Die leichte Streifung im Hintergrund des Textes war schon immer - ich finde ganz weiss dort nicht schön und so siehts weicher aus.
Danke. Der BG gefällt mir auch selber viel besser. Ist mir aber erst durch eure Kritik aufgefallen
[quote=“homepage-sk”][quote=“yox”]mir gefällt der neue hintergrund schon besser aber ich bin kein designer.
zur zentrierung:
ich denke du müsstest die schrift ein einen container mit [CSS]
vertical-align: middle;setzten.
siehe hier
da dass allerdings nicht in allen browsern funktioniert(!testen) könntest du auch einfach deinem .navipunkt (mehr) padding geben.
[CSS]
padding-top: 2px; www.css4you.de ist eine hervoragende css referenz
und bei www.jendryschik.de gibts ein ganzes buch online zum thema html/css[/quote]
Das mit der vertikalen zentrierung funktioniert leider nur bei Tabellen. Aber mit padding sollte es sicher gehen. Danke
Am Hintergrund werde ich weiter herumbasteln.
Vielen Dank für die vielen Vorschläge. Werd mich mal dran setzen - der Inhalt muss ja auch noch kommen…
MFG[/quote]
Hab das jetzt mal mit folgendem Code versucht, allerdings zeigt das ganze einfach keine Wirkung:
nein, vergiss meine frühreren posts, die funktionieren alle nicht.
vertikal zentrieren ist imho die größte schwäche von css.
aber es gibt einige workarounds.
in deinem fall ist es vermutlich das beste line-height zu verwenden; diese css eigenschaft dient eigentlich dazu den zeilenabstand zu regeln.
den korrekten wert für line-height errechnest du folgendermaßen:
Boxenhöhe / Schriftgröße_in_px * 100
30 / 16 * 100 = 187,5
so kannst du diesen css code verwenden
div.navipunkt {
color: #ffffff;
font-size: 16px;
margin-bottom: 2px;
text-align: center; /*zentriert den text horizontal */
border: 1px black solid;
background-image:url("http://homepage-sk.bplaced.net/bgdata/menuebg.png");
height:30px;
width: 140px;
line-height: 187.5%; /*zentriert den text vertikal */
}
und für einen eintrag folgenden html code
im anhang ein bild wie es dann aussehen wird.
dazu brauchst du noch eine vergrößerte menuebg.png(ebenfalls im anhang)
dazu muss ich noch erwähnen das diese lösung keine sehr gute ist aber eine andere ist bei einem mehr-oder-weniger-tabellen layout nicht möglich.
mein tipp: wenn du dich wirklich mit gutem webdesign befassen willst lies dieses eBook: Einführung in XHTML, CSS und Webdesign
[quote=“yox”]nein, vergiss meine frühreren posts, die funktionieren alle nicht.
vertikal zentrieren ist imho die größte schwäche von css.
aber es gibt einige workarounds.
in deinem fall ist es vermutlich das beste line-height zu verwenden; diese css eigenschaft dient eigentlich dazu den zeilenabstand zu regeln.
den korrekten wert für line-height errechnest du folgendermaßen:
Boxenhöhe / Schriftgröße_in_px * 100
30 / 16 * 100 = 187,5
so kannst du diesen css code verwenden
div.navipunkt {
color: #ffffff;
font-size: 16px;
margin-bottom: 2px;
text-align: center; /*zentriert den text horizontal */
border: 1px black solid;
background-image:url("http://homepage-sk.bplaced.net/bgdata/menuebg.png");
height:30px;
width: 140px;
line-height: 187.5%; /*zentriert den text vertikal */
}
und für einen eintrag folgenden html code
im anhang ein bild wie es dann aussehen wird.
dazu brauchst du noch eine vergrößerte menuebg.png(ebenfalls im anhang)
dazu muss ich noch erwähnen das diese lösung keine sehr gute ist aber eine andere ist bei einem mehr-oder-weniger-tabellen layout nicht möglich.
mein tipp: wenn du dich wirklich mit gutem webdesign befassen willst lies dieses eBook: Einführung in XHTML, CSS und Webdesign[/quote]
okay, werds mal ausprobieren. Danke
Ja, ich hab noch eine Tabelle drin. Ich kann aber ohne Tabelle nicht das machen, was ich möchte. Deshalb ist die drin.
Das stimmt nicht, inzwischen lässt sich (eigentlich) jedes layout ohne tabellen erstellen.
ich vermute mal du meinst damit das spalten-layout, doch dieses lässt sich auch mit css-floats erstellen.
nein, das Spaltenlayout ist kein Problem, allerdings dies:
und zwar sollte, der rote Bereich immer unten sein, auch wenn im oberen Feld kein Text ist. Das ist nur mit einer Tabelle lösbar. Hab schon überall nach einer Lösung gesucht.
Krass. Vielen Dank. Das einzige, was ich daran noch stört, ist dass die Leiste mit dem Print-Symbol zu dick - kann ich aber selber auch selber noch machen.
:
