Hallo,
ich habe den Flexslider auf meine Testseite http://www.dudenhofen.info/test.html integriert. Diesen weise ich per Marker ###SLIDER### in das Template zu. Nun habe ich unter dem Slider einen recht großen weißen Abstand zum Content. Leider bin ich bis jetzt noch nicht dahinter gestiegen, wie ich diesen Abstand verhindern bzw. verkleinern kann. Kann mir jemand evtl. einen Tipp geben?
# Java-Script auslagern
config.removeDefaultJS = external
config.removeDefaultJS = 1
plugin.tx_flexslider.settings.lib.jQuery >
# Content & Menues
page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/template_neu/class.css
page.headerData.10 = TEXT
page.headerData.999 < plugin.meta
page.headerData.999.flags.DC = 1
page.config.no_cache = 0
page.config.cache = 1
page.config.index_enable = 1
page.config.index_externals = 1
page.10 = TEMPLATE
page.10{
template = FILE
template.file = fileadmin/template_neu/template_slider.htm
workOnSubpart = DOCUMENT
marks.CONTENT < styles.content.get
marks.SLIDER < styles.content.getLeft
marks.SUBTITLE = TEXT
marks.SUBTITLE {
value = {page:subtitle}
insertData = 1
wrap = <h3>|</h3>
}
# Superfish Menu
marks.MENU = HMENU
marks.MENU {
excludeUidList = 101
1 = TMENU
1 {
noBlur = 1
expAll = 1
collapse = 0
wrap = <div><ul class="sf-menu"> | </ul></div>
NO = 1
NO.allStdWrap.dataWrap = <li>|</li>
NO.ATagParams =
ACT = 1
ACT < .NO
ACT.allStdWrap.dataWrap = <li>|</li>
ACT.ATagParams =
IFSUB = 1
IFSUB < .NO
IFSUB.allStdWrap.dataWrap = <li>|
IFSUB.ATagParams =
ACTIFSUB = 1
ACTIFSUB < .IFSUB
ACTIFSUB.allStdWrap.dataWrap = <li>|
ACTIFSUB.ATagParams =
}
2 = TMENU
2 {
noBlur = 1
expAll = 1
collapse = 0
wrap = <ul>|</ul></li>
NO = 1
NO.allStdWrap.dataWrap = <li>|</li>
ACT = 1
ACT < .NO
ACT.allStdWrap.dataWrap = <li>|</li>
ACT.ATagParams =
IFSUB = 1
IFSUB < .NO
IFSUB.allStdWrap.dataWrap = <li>|
IFSUB.ATagParams =
ACTIFSUB = 1
ACTIFSUB < .IFSUB
ACTIFSUB.allStdWrap.dataWrap = <li>|
ACTIFSUB.ATagParams =
}
3 < .2
3.wrap = <ul>|</ul>
4 < .2
4.wrap = <ul>|</ul>
}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Unbenanntes Dokument</title>
</head>
<body>
<!-- ###DOCUMENT###-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!--<script type="text/javascript" src="fileadmin/js/jquery-1.9.1.min.js"></script>-->
<script type="text/javascript" src="fileadmin/js/hoverIntent.js"></script>
<script type="text/javascript" src="fileadmin/js/superfish.js"></script>
<script type="text/javascript" src="fileadmin/js/supersubs.js"></script>
<script type="text/javascript">
// initialise plugins
$(document).ready(function(){
$("ul.sf-menu").supersubs({
minWidth: 11, // minimum width of sub-menus in em units
maxWidth: 27, // maximum width of sub-menus in em units
extraWidth: 1 // extra width can ensure lines don't sometimes turn over
// due to slight rounding differences and font-family
}).superfish({
animation: {opacity:'show',height:'show',width:'show'},
speed: 'fast'
}); // call supersubs first, then superfish, so that subs are
// not display:none when measuring. Call before initialising
// containing tabs for same reason.
});
</script>
<table width="900" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="736"><img src="fileadmin/template_neu/header_grafik.gif" width="335" height="115" alt=""/></td>
<td width="154" id="header_right"><a href="http://www.dudenhofen.info/impressum.html" target="_top">Impressum</a> | <a href="mailto:mail@dudenhofen.info">Kontakt</a></td>
</tr>
<tr>
<td colspan="2" id="menu">###MENU###</td>
</tr>
<tr>
<td colspan="2" id="slider">###SLIDER###</td>
</tr>
<tr>
<td colspan="2" id="content">###CONTENT###</td>
</tr>
<tr>
<td colspan="2" id="footer"><hr>
<a href="http://www.dudenhofen.info/impressum.html">Impressum</a> | <a href="mailto:mail@dudenhofen.info">Kontakt</a></td>
</tr>
</table>
<!-- ###DOCUMENT###-->
</body>
</html>
/* SUPERFISH MENU */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
width: 99px;
float: center;
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
height: 15px;
}
.sf-menu ul ul {
top: 0;
left: 100%;
}
/*** DEMO SKIN ***/
.sf-menu {
float: left;
margin-bottom: 0em;
}
.sf-menu ul {
box-shadow: 2px 2px 6px rgba(0,0,0,.2);
min-width: 12em; /* allow long menu items to determine submenu width */
*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
border-left: 1px solid #D5D5D5;
# border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
# border-bottom: 1px solid #FFFFFF; /* fallback colour must use full shorthand */
# border-top: 1px solid rgba(255,255,255,.5);
padding: .75em 1em;
text-decoration: none;
zoom: 1; /* IE7 */
}
.sf-menu a {
color: #FFFFFF;
}
.sf-menu li {
background: #3C3C3C;
white-space: nowrap; /* no need for Supersubs plugin */
*white-space: normal; /* ...unless you support IE7 (let it wrap) */
-webkit-transition: background .2s;
transition: background .2s;
}
.sf-menu li a {
color: #FFFFFF;
}
/*** 2. Ebene ***/
.sf-menu ul li a {
color: #FFFFFF;
}
.sf-menu ul li {
background: #3C3C3C;
}
/*** 3. Ebene ***/
.sf-menu ul ul li {
background: #3C3C3C;
}
/*** 4. Ebene ***/
.sf-menu ul ul li li {
background: #3C3C3C;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
background: #808080;
/* only transition out, not in */
-webkit-transition: none;
transition: none;
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
padding-right: 2.5em;
*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
content: '';
position: absolute;
top: 50%;
right: 1em;
margin-top: -3px;
height: 0;
width: 0;
/* order of following 3 rules important for fallbacks to work */
border: 5px solid transparent;
border-top-color: #FFFFFF; /* edit this to suit design (no rgba in IE8) */
border-top-color: rgba(255,255,255,255);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #FFFFFF; /* edit this to suit design (no rgba in IE8) */
border-left-color: rgba(255,255,255,255);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: white;
}
/* SEITENINHALTE */
body {
background-image: url(top_background.jpg);
background-repeat: repeat-x;
}
.img {
border:0;
}
.align-center {
text-align: center;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
a {
color: #000000;
text-decoration: none;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regularf;
}
a:hover {
text-decoration : none;
color: #000000;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regularf;
}
div.searchresultpagetitle a:hover {
text-decoration: none;
color: #000000;
}
#slider {
height: 300px;
table-layout: fixed;
}
#content {
background: #FFFFFF;
padding-top: 0px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 0px;
#border-bottom:1px solid #000000;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}
#menu {
}
#header_right {
vertical-align: top;
text-align: right;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
#border-bottom:1px solid #000000;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}
div.tx-ws-flexslider {
}
#footer {
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
#border-bottom:1px solid #000000;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}
Vielen Dank.
Gruß
Steffen