 |
Die letzten 5 Postings in diesem Thema » Alle anzeigen
| von peter112 |
Hallo,
Ich habe eine website für meine Firma eat-the-world.com und habe dort eine Seite für meinen Gutscheinverkauf eingerichtet. Habt Ihr Vorschläge oder Anreize wie ich die Seite und ihren Content noch besser/ übersichtlicher gestallten könnte?
Wäre über Vorschläge und Ideen sehr erfreut.
Edit by Rieke:
Wir mögen keinen Seo Spam, Link entfernt. |
| von sabine77 |
Hallo,
generell ist - wie Ori schon sage - ein CSS Layout (hier dazu ein paar Tutorials) immer die beste Variante. Da du keinen Hintergrund hast, der sich wiederholen soll, kannst Du ihn natürlich mittles background: fixed; an der immer gleichen Stelle belassen. Alles, was nicht background-image ist, scrollt dann mit. Der Background aber bleibt gleich.
Du könntest auch dem Inhaltskontainer ein overflow:scroll zuweisen. Somit würde innerhalb dieses Containers ein Scrollbalken erzeugt, falls die Länge des Textes über ihn hinaus geht. In diesem Fall würde also auch der Hintergrund (und alle anderen Elemente) immer an der gleichen Stelle bleiben - nur der Inhalt im Inhaltscontainer wäre scrollbar. |
| von Ori |
Hallo!
So lange Photoshop Tabellen ausspuckt, solltest du auf das Slicen verzichten. Tabellen sind für tabellarische Daten da.
Die wirkliche Frage ist: Was soll bei Größenänderungen/verschiedenen Auflösungen passieren? Daraus leitet sich dann ab, in wie viele Teilbilder (es sind vermutlich ohnehin Layer) du das ganze zerlegen musst:
* Die Buttons sind wohl unten rechts angedockt, werden also eigener Block
* Der weiße Inhaltsblock steht natürlich auch für sich selbst
* Ebenso die Navigation
* Die Blume, die unten links startet, soll wohl unten links bleiben, sie also auch.
* Die, die unten angrenzen, auch.
Mit CSS 3 kannst du mehrere Hintergrundbilder zuweisen, das hier wäre davon ein klassisches Anwendungsgebiet. Das Grundgerüst wäre dann:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10: | ...
<body>
<h1>Schwarze Rose</h1>
<ul id="navi">
...
</ul>
<div id="inhalt">...</div>
<div id="buttons">...</div>
</body>
... |
Leider musst du wohl für die weiteren Hintergrundbilder eigene <div>s anlegen, denn CSS 3 ist noch nicht fertig. Die Ausrichtung aller Elemente geschieht dann via CSS, beispielsweise:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11: | #inhalt
{
position: absolute;
top: 30px;
right: 30px;
bottom: 40px;
left: 150px;
overflow: auto;
padding-bottom: 30px;
background: url("milchig.png");
} |
overflow spendiert #inhalt bei Bedarf eine eigene Scrollleiste, sodass rechts keine auftaucht. Das ließe sich mit etwas mehr Aufwand auch so lösen, dass die Leiste am rechten Rand auftaucht, er aber nur im Kasten scrollt. padding-bottom ist wegen der Buttons dabei, vermutlich soll an anderer Stelle auch etwas Abstand hin. |
| von kgreen |
Hallo zusammen,
habe die Tage folgendes Layout erstellt:
Nun zu meinem Problem:
Ich möchte den Content im Kasten auf der rechten Seite darstellen. Allerdings weiß ich nicht genau, welche Technik ich benutzen sollte.
Normalerweise würde ich es nun in Photoshop slicen und in der <td> vom Kasten einfach per PHP die jeweiligen Dateien includen. Allerdings befürchte ich dann, dass ich Probleme mit den Blumen im Hintergrund bekomme. Die sollen zu sehen bleiben, eine Scrollbar ist aber okay. Der Text soll quasi einfach drübergelegt werden.
Da sich der Hintergrund auch nach keinem Muster wiederholt, kann ich wohl auch kein background-repeat benutzen.
Über einen Denkanstoß würde ich mich freuen. Achja, wenn euch was an meinem Layout negativ aufstößt, bin ich auch ganz Ohr.
Vielen Dank im Voraus,
kgreen |
|
|
|
