irgendwie komm ich gar nicht damit klar, wie man das Menü richtig einstellt.
Design eigentlich soweit feritg, glaub ich zu mindestens, sicher bin ich mir da nicht, da es mein erster versuch mit Div-Container ist.
Hier, so wie es falsch ist:
img5.imagebanana.com/img/qsj668qc/design_falsch.png
So sollte es aussehen:
img5.imagebanana.com/img/p8b2k94x/webdesign.png
(Die Pfeile vor den Menüpunkten sollen erst einmal weg bleiben.)
index.htm
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{TITLE}</title>
<link rel="stylesheet" type="text/css" media="screen" href="include/designs/fifa/style.css" />
</head>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="content">
<div id="menu_left">{_list_menunr1@
<div id="menu_top_left">%1</div>
<div id="menu_left_point">%2</div>
<div id="menu_foot_left">}</div>
</div>
<div id="menu_right">{_list_menunr2@
<div id="menu_top_right">%1</div>
<div id="menu_right_point">%2</div>
<div id="menu_foot_right">}</div>
</div>
<div id="explode">
<div id="content_top"></div>
<div id="content_inhalt">{EXPLODE}</div>
<div id="content_foot"></div>
</div>
</div>
</div>
</body>
</html> Ich weiß, dass man unter dem HTML-Tag die Menüpunkte mit konfiguriert aber da ich nicht weiß wie das geht, und auch jetzt schon fehler auftreten, hab ich das mal weggelassen.
style.css
* {
padding: 0;
margin: 0;
}
body {
background: #FFF;
color: #2a2a2a;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
div#wrapper {
width: 980px;
margin: 0 auto;
}
div#header {
background: url(Bilder/header.png) no-repeat;
height: 180px;
width: 980px;
}
div#content {
width: 980px;
padding: 20px 0 0 0;
}
div#menu_left {
width: 130px;
height: auto;
float: left;
margin: 0;
padding: 0;
}
div#menu_top_left {
width: 118px;
height: 25px;
background: url(Bilder/menu_top.png);
color: #960b0b;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 25px;
padding-left: 12px;
}
div#menu_left_point {
width: 118px;
height: 25px;
color: #2a2a2a;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background:url(Bilder/menu_background.png) no-repeat;
line-height: 25px;
padding-left: 12px;
}
div#menu_foot_left {
width: 130px;
height: 30px;
background: url(Bilder/menu_foot.png) no-repeat;
}
div#explode {
width: 675px;
height: auto;
margin: 0 auto;
padding: 0;
}
div#content_top {
width: 675;
height: 25px;
background: url(Bilder/content_top.png) no-repeat;
}
div#content_inhalt {
width: 635px;
height: auto;
background: url(Bilder/content_background.png);
padding: 20px 20px 20px 20px;
}
div#content_foot {
width: 675px;
height: 25px;
background: url(Bilder/content_foot.png) no-repeat;
}
div#menu_right {
width: 130px;
height: auto;
float: right;
margin: 0;
padding: 0;
}
div#menu_top_right {
width: 118px;
height: 25px;
background: url(Bilder/menu_top.png);
color: #960b0b;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 25px;
padding-left: 12px;
}
div#menu_right_point {
width: 118px;
height: 25px;
color: #2a2a2a;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background:url(Bilder/menu_background.png) no-repeat;
line-height: 25px;
padding-left: 12px;
}
div#menu_foot_right {
width: 130px;
height: 30px;
background: url(Bilder/menu_foot_right.png) no-repeat;
}
a
{
color: #2E2E2E;
font-family: Verdana;
font-size: 11px;
text-decoration: none;
}
a:hover
{
color: #2E2E2E;
font-family: Verdana;
font-size: 11px;
text-decoration: underline;
}
/*ILCH KLASSEN */
.Chead
{
background: url(icons/forum/top.gif);
color: #121212;
}
.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
color: #ffffff;
}
.Callg
{
background-color: #000000;
color: #000000;
}
.Callg td
{
color: #ffffff;
}
.Cnorm
{
background-color: #bcbcbc;
}
.Cmite
{
background-color: #999;
}
.Cdark
{
background: #333;
}
#Ballg
{
color: #000000;
}
#Ballg td
{
color: #000000;
}
.Bhead
{
background-color: #333333;
color: #FFFFFF;
}
.Bbody
{
background-color: #2a2a2a;
color: #000000;
}
.rand
{
border: solid #1b1b1b 1px;
}
.smalfont
{
font-size: 11px;
text-decoration: none;
}
.border
{
background-color: #1b1b1b;
}
hr
{
height: 0px;
border: solid #1b1b1b 0px;
border-top-width: 1px;
}
input, textarea, select
{
color: #000000;
font: 12px Verdana;
border-color: #1b1b1b;
border-width: 1px;
border-style: solid;
font-weight: none;
text-decoration: none;
background-color: #EFEFEF;
}
/*MEINE ILCH KLASSE*/
.news_top {
background: url(icons/forum/top.gif);
height: 20px;
line-height: 20px;
padding-left: 2px;
}
.news_bg {
background: #CCC;
}
.news_text {
padding: 2px 2px 2px 2px;
}
Zuletzt modifiziert von ekie am 15.11.2010 - 13:48:41
