Hallo zusammen ich habe folgendes Problem.
CSS Code:
body {
background-color: #666;
background-repeat:repeat;
font-family: Calibri;
font-size: 12px;
font-weight: bold;
background-attachment: fixed;
height: 900px;
width: 1280px;
position: absolute;
}
#header {
font-family: Calibri;
font-weight: bold;
background-attachment: scroll;
background-image: url(img/header.jpg);
background-repeat: no-repeat;
position: absolute;
padding-top:-2px;
height: 183px;
width: 977px;
left: 302px;
top: 0px;
bottom: 183px;
color: #FFF;
font-size: 14px;
overflow: visible;
visibility: visible;
text-transform: uppercase;
}
#header2 {
font-family: Calibri;
font-weight: bold;
#background-attachment: scroll;
#background-image: url(img/header.jpg);
#background-repeat: no-repeat;
position: absolute;
height: 15px;
width: 977px;
left: 302px;
top: 90px;
bottom: 183px;
color: #FFF;
font-size: 10px;
overflow: visible;
visibility: visible;
}
#Left {
font-family: Calibri;
color: #fff;
font-weight: bold;
background-attachment: scroll;
background-image: url(img/left.jpg);
background-repeat: no-repeat;
height: 900px;
width: 302px;
position: absolute;
visibility: inherit;
left: 0px;
top: 0px;
}
#right {
font-family: Calibri;
font-size: 12px;
font-weight: bold;
background-attachment: scroll;
background-image: url(img/right.jpg);
background-repeat: no-repeat;
height: 717px;
width: 326px;
position: absolute;
left: 953px;
top: 183px;
}
#Content {
font-family: Calibri;
font-size: 12px;
font-weight: bold;
background-attachment: scroll;
background-color: #FFF;
background-repeat: no-repeat;
position: absolute;
height: 717px;
width: 651px;
top: 0px;
visibility: inherit;
right: 326px;
text-indent: 10px;
display: block;
}
#navcontainer
{
background: #369;
border-top: 1px solid #9CC;
font: bolt bolt 13px Calibri;
}
#nav
{
list-style: none outside none;
margin: 0;
padding: 0;
}
@media all {
#nav {
text-align: left
}
}
#nav li
{
bottom: 0px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative;
}
html>body #nav li
{
margin: 0 3px 0 0;
padding: 4px 0px 4px 0;
}
#nav a, #nav a:link, #nav a:visited
{
border: 0px solid #FFF;
bottom: 2px;
color: #FFF;
cursor: pointer;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 2px;
text-decoration: none;
}
TypoScript Menü
HAUPTMENUE = HMENU
HAUPTMENUE.special = directory
HAUPTMENUE.special.value = 1068
HAUPTMENUE {
1 = TMENU
1 {
expAll = 1
wrap = <ul id="nav">|</ul>
noBlur = 1
NO = 1
NO {
wrapItemAndSub = <li> | | |*| | | |*| |</li>
}
ACT = 1
ACT.wrapItemAndSub = <li id="active">|</li>
IFSUB = 0
ACTIFSUB = 0
}
}
Wie man an dem Bild sehen kann sind die Trenner nicht mittig zur Schrift. und einige Sind auch nicht vorhanden wie kann ich das Problem Fixen kann mir das jemand sagen?
Grüsse
Nephiria