hallo zusammen
hab das problem, dass ab einer bestimmten Zeile im Content die Links nicht mehr funktionieren. Ab dieser Zeile sind auch Formular-Felder nicht mehr anklickbar mit der Maus. Zudem ändert sich ab dieser Position auch der Mauszeiger von der Hand in den Pfeilzustand. Ich benutze Typo3 4.1.1
Kann mir jemand helfen?
liegt an deinem css, aber ohne url kann man nicht mehr helfen (auch nicht wenn du nur das css als nächstes posten würdest)
georg
Sorry..
hier die Url: http://server41.hostpoint.ch/%7Edurachta/index.php?id=7
UND HIER DAS CSS:
html {
padding:0px;
margin:0px;
/*background-color: #ffffff; bringt nichts, da von Setup übersteuert */
}
body, textarea, input, select, h2, td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.73em;
color: #ffffff;
/*background-color: #999999; */
margin: 0px;
padding: 0px;
font-weight: normal;
}
ul li {
font-size: 1.0em;
margin-bottom: 3px;
margin-left: 16px;
padding-left: 0px;
}
p {
margin: 0px 20px 0px 0px;
padding: 0px 20px 0px 0px;
line-height: 20px;
/*text-align: justify;*/
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 130%;
color: #ff9933;
padding: 20px 0px 20px 0px;
margin: 0px;
font-weight: bold;
}
#content img {
margin-right: 20px;
}
#content_links h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 145%;
color: #ff9933;
padding: 20px 0px 20px 0px;
margin: 0px;
font-weight: bold;
}
ul, li {
font-size: 1.0em;
margin-bottom: 3px;
margin-left: 9px;
padding-left: 0px;
}
#box {
position: absolute;
top: 15px;
left: 15px;
width: 875px;
height: 516px;
z-index: 10;
margin: 0px;
padding: 0px;
}
#navi {
position: absolute;
top: 100px;
left: 55px;
width: 800px;
height: 25px;
z-index: 20;
background-color: transparent;
}
#content {
position: absolute;
top: 160px;
left: 60px;
width: 540px;
height: 279px;
z-index: 30;
}
#content_links {
position: absolute;
top: 300px;
left: 75px;
width: 630px;
height: 220px;
z-index: 40;
}
#subnavi {
position: absolute;
top: 205px;
left: 688px;
width: 160px;
height: 280px;
z-index: 30;
background-color: transparent;
margin: 0px;
padding: 0px;
}
#foto {
position: absolute;
top: 388px;
left: 688px;
width: 120px;
height: 120px;
z-index: 30;
background-color: transparent;
margin: 0px;
padding: 0px;
}
.clr {
clear:both;
}
/*------------------------------------------------------------------------
classes
------------------------------------------------------------------------*/
.navi {
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
/* ----------------------------------------------------------------------
definitionen fuer navi-links
-------------------------------------------------------------------------*/
#navi a,a:link {
font-size: 110%;
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; /*Hauptnavigation*/
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
#navi a:visited {}
#navi a:hover {color: #ff9933;}
#navi a:active {color: #ff9933;}
#subnavi a,a:link {
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; /*Hauptnavigation*/
font-weight: normal;
color: #ffffff;
text-decoration: none;
}
#subnavi a:visited {}
#subnavi a:hover {color: #ff9933;}
#subnavi a:active {color: #ff9933;}
/* ----------------------------------------------------------------------
definitionen fuer textlinks im layer content
-------------------------------------------------------------------------*/
#content a,a:link {
font-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ff9933; /*orange*/
font-weight: bold;
text-decoration: none;
margin: 0px;
padding: 0px 0px 3px 0px;
}
#content a:visited {}
#content a:hover {color: black;}
#content a:active {}
#subnavi ul{
border-top: 1px solid;
border-color: #ff9933;
width: 160px;
margin-bottom: 20px;
margin-left: 0px;
margin-top: 0px;
padding-left: 0px;
padding-top: 0px;
}
#subnavi li {
list-style-position: left;
list-style-type: none;
border-bottom: 1px solid;
border-color: #ff9933;
margin-top: 15px;
margin-left: 0px;
padding-left: 0px;
padding: 0px;
height: 30px;
width: 160px;
}
#subnavi p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 20px;
text-align: normal;
}
/* Für Formular */
.formular {
border: none; /* Rand ausschalten */
color : #ffffff; /* Farbe für Text und Button "abschicken" */
background-color: #666666; /* Felderfarbe */
font-size: 11px; /* Schriftgrösse in ALLEN Feldern */
margin: 1px;
padding: 1px;
border-bottom-width: 1px;
border-color: #000000;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
}
/*von internet */
select, textarea, input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; /*bring nichts*/
margin: 0px;
padding: 0px;
}
.formular-field label {
float:left;
clear:both;
display:block;
width:100px;
padding-left:10px;
margin-bottom:10px;
}
.formular-field input,
.csc-mailform-field textarea,
.csc-mailform-field select {
float:left;
display:block;
width:250px;
border: 1px solid #333;
background:#F4F4F4;
padding:1px;
margin-bottom:10px;
}
.formular-submit {
/* Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
margin-left: 110px;
/* Float wieder abschalten */
clear: both;
}
hab kein problem damit, sonst vorgehensweise: css schrittweise löschen bis fehler nicht mehr auftritt, dann weiß man worans liegt (oft an nem padding oder float)
georg
Der Div-Container #content_links überlappt den div#content.
Schau Dir die Website mal mit Firefox und dem Web-Developer-Add-On und "Outline Block Level Elements" aktiviert an, dann siehst Du's gleich.
Das war's, genial!
Herzlichen Dank
Cello63