Willkommen in der Webstatt Zum Webstatt Blog und Stories
Sheep Sheep am 29.03.09 21:29

Ich gestalte für ein Autohaus eine neue Page. Ich würde mich über ein kurzes Feedback freuen, was euch an dem Entwurf gut und was euch weniger gut gefällt.

netcup.de Warum gibt es hier Werbung?
BNightSpeeder am 29.03.09 22:13

hallo,

was mir persönlich als erstes aufgefallen ist, ist das ich z.B. das Menü erst kurz suchen musste, es fällt nicht besonders auf. Es wirkt alles noch sehr gleich und etwas langweilig. Ein paar Highlights wären angebracht, z.B. anstatt der * als Menüpunkte etwas was mehr ins Auge springt.

Mfg. BNS

danieL danieL am 29.03.09 22:21

- Schriftart würde ich ne andere wählen glaub ich, gefällt mir grad so nicht
- "*" als menüpunkte ändern.. vll ne kleine grafik oder sowas
- das suzuki logo oben rechts in der ecke wirkt so gequetscht


ansonsten gefällt es mir eigentlich.

Christian am 30.03.09 00:39

viel besser als die Version, die du mir mal gezeigt hast!!

Sheep Sheep am 30.03.09 15:34

ich hab jetzt im ersten Post eine neue Version hochgeladen. Durch die Farbänderungen halte ich mich eher an die CI und mache aufs Menü aufmerksam (aktive Site = rote Schrift). Zudem ist das Menü nun 100% weiß, was mehr auffällt.

Sheep Sheep am 08.04.09 15:11

Habt ihr eine Idee, wie der Fehler im IE zustande kommt?

es handelt sich um eine Div-Box mit dynamischer Höhe, in der unten eine Grafik eingebettet ist. Im Quelltext wird die Div-Box direkt nach dem <img /> Tag geschlossen. Padding und Margin der Div Box und der Grafik sind auf 0.

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Autohaus Sch&ouml;llhorn</title>
<meta http-equiv="Content-Type" content="text/html; " />
<style type="text/css">
body {text-align: center; background:#EAEAEA; margin: 0px; padding: 0px; font-family: Tahoma, Arial; font-size:12px;}
a:link{color:#004ea0; text-decoration:none; font-weight:normal;}
a:visited{color:#004ea0;text-decoration:none; font-weight:normal;}
a:hover{color:#004ea0;text-decoration:none; font-weight:bold;}
a:visited:hover {color:#004ea0;text-decoration:none; font-weight:bold;}
#hauptbox {margin-left:auto; margin-right:auto; margin-bottom: 0px; padding:0px;width: 930px; background: url(contentbg.gif);}
#header { height: 118px; background:url(headerbg.gif); margin-left: 11px; margin-right:13px;}
#logo {margin-top: 20px; margin-left: 10px; float:left;}
#headerimg {margin-top: 5px; float: right;}
#body {padding-bottom: 0px;margin-left: 11px; margin-right:13px; background: url(headerverlauf.gif); background-repeat:repeat-x;}
#navbox {text-align:left;float:left;margin-left: 5px; margin-right: 5px;}
#navbox ul {color:#E30007; font-weight:bold;}
#navbox li {list-style-image: url(aufzaehlung.gif)}
#navbox1 {padding:1px;width: 116px; background: white url(navboxheader1.gif); background-repeat: repeat-x;}
#navbox2 {padding:1px;width: 116px; background: white url(navboxheader2.gif); background-repeat: repeat-x;}
#content {text-align:left;float:left;width: 630px;background: white url(headline.gif);background-repeat: repeat-x;border: solid white 1px;margin: 0px;float:left;padding-left: 5px;padding-right: 5px;padding-top: 3px;padding-bottom: 5px; float: left;}
#sidebar {float:left;margin-left: 5px; margin-right: 5px;}
#sidebar1 {padding:1px;width: 123px;;float:left;background: #345A6A url(sidebarheader.gif);background-repeat: repeat-x;}
h1{color: white;padding: 0px;margin: 0px;font-size: 24px;}

#map {padding: 0px; margin:0px;}

a:link.alto {display:block; width: 560px; height:150px; background: #E00178 url(files/alto.jpg);}
a:visited.alto {display:block; width: 560px; height:150px;background: #E00178 url(files/alto.jpg);}
a:hover.alto {display:block; width: 560px; height:150px; background: #E00178 url(files/alto2.gif);}
a:visited:hover.alto {display:block; width: 560px; height:150px;background: #E00178 url(files/alto2.gif);}

a:link.splash {display:block; width: 560px; height:150px; background: #88CCCB url(files/splash_page.jpg);}
a:visited.splash{display:block; width: 560px; height:150px; background: #88CCCB url(files/splash_page.jpg);}
a:hover.splash {display:block; width: 560px; height:150px; background: #88CCCB url(files/splash2.gif);}
a:visited:hover.splash {display:block; width: 560px; height:150px; background: #88CCCB url(files/splash2.gif);}


a:link.sx4 {display:block; width: 560px; height:150px; background: #EE8704 url(files/sx4.jpg);}
a:visited.sx4 {display:block; width: 560px; height:150px; background: #EE8704 url(files/sx4.jpg);}
a:hover.sx4 {display:block; width: 560px; height:150px; background: #EE8704 url(files/sx42.gif);}
a:visited:hover.sx4 {display:block; width: 560px; height:150px; background: #EE8704 url(files/sx42.gif);}


a:link.grandvitara {display:block; width: 560px; height:150px; background: #AFA790 url(files/grandvitara.jpg);}
a:visited.grandvitara{display:block; width: 560px; height:150px; background: #AFA790 url(files/grandvitara.jpg);}
a:hover.grandvitara{display:block; width: 560px; height:150px; background: #AFA790 url(files/grandvitara2.gif);}
a:visited:hover.grandvitara{display:block; width: 560px; height:150px;background: #AFA790 url(files/grandvitara2.gif);}

a:link.jimny {display:block; width: 560px; height:150px; background: #DEDE4A url(files/jimny_page.jpg);}
a:visited.jimny{display:block; width: 560px; height:150px; background: #DEDE4A url(files/jimny_page.jpg);}
a:hover.jimny{display:block; width: 560px; height:150px; background: #DEDE4A url(files/jimny2.gif);}
a:visited:hover.jimny{display:block; width: 560px; height:150px; background: #DEDE4A url(files/jimny2.gif);}


#neuwagenfooter {color: white;width: 558px; background:#013145; border: 1px solid #000000;}
#neuwagenfooter a {color: lightblue;}
#neuwagenfooter span {float:right;}

#navheadline {color: #ffffff; font-weight:bold;}
#navbox ul {margin: 0px; padding-left: 15px; padding-top: 10px; padding-bottom: 5px;}
</style>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

</head>

<body>
<div id="hauptbox">
<div id="header"><img id="logo" src="logo.gif" width="256" height="74" /><img id="headerimg" src="header.jpg" width="464" height="103" /></div>

<div id="body">


<div id="navbox">
<div id="navbox1">
<span id="navheadline">
Das Autohaus</span>
<ul><li><a href="index.php?article_id=1" target="_self">Aktuelles</a></li><li>Unser Team</li><li><a href="index.php?article_id=6" target="_self">&Ouml;ffnungszeiten</a></li><li><a href="index.php?article_id=7" target="_self">Kontakt</a></li><li><a href="index.php?article_id=10" target="_self">Impressum</a></li></ul>

</div>

<div id="navbox2">
<span id="navheadline">
Fahrzeuge</span>
<ul><li><a href="index.php?article_id=2" target="_self">Neuwagen</a></li><li><a href="index.php?article_id=8" target="_self">Gebrauchtwagen</a></li><li><a href="index.php?article_id=9" target="_self">Probefahrt</a></li></ul></div>
</div>



<div id="content">


<!-- WYSIWYGImage 1.7 -->
<div class="wysiwygimg">

<div class="wysiwygimgtext">
<h1>Unser Team</h1><p>Der Team-Bereich wird derzeit &uuml;berarbeitet. </p>
</div>
<div class="wysiwygimgclear"></div>
</div>

</div><div id="sidebar">
<div id="sidebar1">Seitenleiste<p>In K&uuml;rze sehen Sie hier aktuelle Sonderangebote.</p></div>
</div><br clear="all"/><br />



</div>
<img src="footer.gif" width="930" height="35" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="522,3,640,17" href="#" />
</map>
</div>

</body>
</html>

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt