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.
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
- 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.
viel besser als die Version, die du mir mal gezeigt hast!!
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.
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ö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">Ö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 überarbeitet. </p>
</div>
<div class="wysiwygimgclear"></div>
</div>
</div><div id="sidebar">
<div id="sidebar1">Seitenleiste<p>In Kü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>