samofficial.de.to

Schlicht - Ist okay.
Ich würde die Abstände vom Menü zum weißen Kasten ("Willkommen auf der offiziellen Website von Sam. Hier finden sie alle meine Beats, Songs und vieles mehr. ") und vom weißen Kasten nach unten zum Content verkleinern.
Dann für die News Boxen n schmaleren Header mit kleinerer Schrift. Die sind zu klobig noch.

Design an sich kann man bringen, runde Ecken per border-radius schließt aber IE8 und darunter aus, suboptimal. Die Schrift, vor allem in der Navi, ist etwas zu plump und groß, finde ich, Schriftart ist auch nicht so mein Fall, Calibri sieht ganz gut aus. Ansonsten nette Website.

Ich verwende dafür grundsätzlich eig. Grafiken, ich kenn Leute, die benutzen noch den IE7.^^
Übrigens kannst du als IE-Nutzer unter WinXP nix updaten, und ich glaube, das dürfte noch eine der am weitesten verbreiteten Kombinationen sein.

Zitat

Original von SamOfficial
Echt? hm das ist blöd, aber das mit den grafiken ist eine gute idee.
Ich werde das mla die nächsten Tage/Wochen versuchen.
So ein Button mit Paint.NET zu erstellen sollte nicht allzu schwer sein.

Nein, das System ist relativ einfach und für alle Boxen mit gleicher Breite übertragbar. Einfach einen Box-Container machen, als class, und darin drei übereinander angeordnete divs, margin von denen auf 0, für den äußeren Container eine Breite definieren, aber keine Höhe. Die mittlere der drei übereinander angeordneten Divs kann dann die Gesamthöhe bestimmen. Obere und untere Div mit den Grafiken ausstatten, fertig. Was ich nicht empfehlen kann ist, für jede Box einen extra-Button per Paint zu erstellen. Erhöht die Ladezeit und den Aufwand.

e:/ Haha, Frage beantwortet bevor gestellt

Jo, klar.

Zitat

<style type="text/css">
.outercont{
width: 400px;
padding: 0px;
font-family: Calibri, sans-serif;
}
.innercontaineroben{
width: 400px;
height: 10px;
background-image: ("runde-ecken-streifen-oben.png");
margin: 0px;
padding: 0px;
}
.contentcontainer{
width: 380px;
padding: 10px;
background: /* wie auch immer gestaltet */
margin: 0px;
}
.innercontainerunten{
width: 400px;
height: 10px;
background-image: ("runde-ecken-streifen-unten.png");
margin: 0px;
padding: 0px;
}
</style>

<div class="outercont">

<div class="innercontaineroben"></div>
<div class="contentcontainer">
Inhalt, wie auch immer.....

</div>
<div class="innercontainerunten"></div>
</div>

Alles anzeigen

Verständlich?

E:/ Kleiner-als-Zeichen wird maskiert, kP wieso. Weißt ja, wie es aussehen muss.