Autor |
Nachricht |
Mr. Bond
Threadersteller
Dabei seit: 27.08.2010
Ort: Duisburg
Alter: 30
Geschlecht:
|
Verfasst Fr 10.12.2010 19:32
Titel Webdesign / Hintergrund richtig slicen? |
|
|
Hallo,
ich möchte gerne einen Webdesignentwurf in HTML/CSS umsetzen (mit dem 960 Grid System von www.960.gs).
Beim Slicen in Photoshop stehe ich nun vor einem Problem: Den gelbe Balken im Footer kann ich nicht in einen 1 px breiten Slice für den Hintergrund packen, da der Contentbereich selbstverständlich seine Länge dem Inhalt anpassen soll.
Beide Balken sollen die gesamte Breite des Bildschirms einnehmen.
Ich freue mich auf Vorschläge Über Feedback zum Design würde ich mich auch freuen - habe ein Bild mit Inhalten und eins ohne angehängt.
Gruß,
Mr. Bond
Zuletzt bearbeitet von Mr. Bond am Fr 10.12.2010 19:33, insgesamt 1-mal bearbeitet
|
|
|
|
|
Eliane
Dabei seit: 18.08.2010
Ort: Winterthur
Alter: 40
Geschlecht: -
|
Verfasst Fr 10.12.2010 20:01
Titel
|
|
|
da das ja nur eine orange Fläche ist, brauchst du ja kein Bild dafür? Das reicht wenn du per css dieser Fläche die farbe orange zuweist.
zum Design:
mir ist aufgefallen dass das logo optisch das wichtigste ist auf der Seite. Meistens ist auf einer Webseite die Navigation oder der Inhalt doch wichtiger? Aber ansonsten find ich sieht es doch schon ganz gut aus
|
|
|
|
|
Anzeige
|
|
|
Mr. Bond
Threadersteller
Dabei seit: 27.08.2010
Ort: Duisburg
Alter: 30
Geschlecht:
|
Verfasst Fr 10.12.2010 20:05
Titel
|
|
|
Danke. Ich werd's mal ausprobieren und mich dann nochmal melden
Eliane hat geschrieben: | mir ist aufgefallen dass das logo optisch das wichtigste ist auf der Seite. |
Dein Vorschlag? Kleiner machen? Das Grid System, dass ich benutze, arbeitet mit 12 Spalten. Die Navi ist 4 Spalten breit, der Inhalt 8. Das Logo habe ich dann eher der Breite der Navispalte angepasst.
|
|
|
|
|
Eliane
Dabei seit: 18.08.2010
Ort: Winterthur
Alter: 40
Geschlecht: -
|
Verfasst Fr 10.12.2010 20:12
Titel
|
|
|
nein an der grösse des logos liegt es nicht, es liegt eher am schatten unterhalb des Logos, der die navigation hinter das logo schiebt.. daher empfindet man das logo als wichtiger da es auf der obersten ebene liegt.
|
|
|
|
|
Mr. Bond
Threadersteller
Dabei seit: 27.08.2010
Ort: Duisburg
Alter: 30
Geschlecht:
|
Verfasst Fr 10.12.2010 20:19
Titel
|
|
|
Hm, das stimmt. Andererseits würde man es ohne den Schatten nicht so gut lesen können (grau auf grau).
|
|
|
|
|
Eliane
Dabei seit: 18.08.2010
Ort: Winterthur
Alter: 40
Geschlecht: -
|
Verfasst Fr 10.12.2010 20:22
Titel
|
|
|
du hast ja so einen orangefarbenen strich.. und ansonsten lass dir irgendwas einfallen damit es lesbar wird.
|
|
|
|
|
Mr. Bond
Threadersteller
Dabei seit: 27.08.2010
Ort: Duisburg
Alter: 30
Geschlecht:
|
Verfasst Fr 10.12.2010 20:25
Titel
|
|
|
Ok, ich werd mal ein bisschen experimentieren
|
|
|
|
|
Mr. Bond
Threadersteller
Dabei seit: 27.08.2010
Ort: Duisburg
Alter: 30
Geschlecht:
|
Verfasst Sa 11.12.2010 18:48
Titel
|
|
|
Nun sieht es im Browser folgendermaßen aus:
HTML:
Code: | <div id="footer_bg">
<div id="footer"> </div>
</div> |
CSS:
Code: | #footer_bg {
background-image:url(../images/footer_bg.png);
background-repeat:repeat-x;
height:99px;
width:100%;
}
#footer {
background-image:url(../images/footer.png);
background-repeat:no-repeat;
height:99px;
width:960px;
} |
Problem: Der gelbe Balken soll die breite des gesamten Fenster einnehmen. Vorschlag?
Gruß,
Mr. Bond
|
|
|
|
|
|
|
|
Ähnliche Themen |
website hintergrund slicen?
slicen im illustrator
Problem beim Slicen von Buttons
Problem mit Slicen bei dynamischen Layout
Kann man mit CorelDRAW X4 ein Webseiten Layout slicen?
Webdesign - How to
|
|