Es geht um folgendes: Ich habe die neueste Version von Joomla und habe das SMF über eine Bridge von http://www.joomlahacks.com integriert. Alles verlief nach Plan.
Ich merkte jedoch schnell, dass das Forumnicht die volle Breite vom Template errreichen kann, da es vom main menu daran gehindert wird. Daher schaltete ich dieses bei den Modules ab. Leider musste ich feststellen, dass obwohl kein main menu mehr da ist es noch immer einen Streifen auf der linken Seite gibt. D. h., dass ich jetzt das Template verändern muss.
Ich habe schon mit Hilfe der Suchfunktion einige Tipps gefunden, jedoch funktionierten diese bei mir überhaupt nicht.
Daher würde ich Euch bitten mir bei meinem Problem zu helfen und meine Template so zu verändern, dass kein linker Streifen am Rand mehr zu sehen ist. Ich habe echt schon alles versucht, aber langsam drehe ich mich im Kreis.
Link zur Website
HTML-Code:
Code: Select all
<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso[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>
<?php
if ( $my->id ) {
initEditor();
}
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<link rel="stylesheet" type="text/css" href="<?php echo $mosConfig_live_site; ?>/templates/tts-tiles_green/css/template_css.css" />
</head>
<body>
<table width="803" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="34" width="100%" align="right" valign="middle" id="topborder" >
Sitemap: <?php mosPathWay(); ?>
</td>
</tr>
</table>
<table width="803" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="12" id="leftborder"></td>
<td bgcolor="#ffffff">
<table width="779" border=0>
<tr>
<td valign="top" class="contentbg" >
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin:-1px 0 0 0">
<tr>
<td width="232" valign="top" height="146"; id="header">
</td>
<td width="3" height="146" valign="top" >
</td>
<?php
//Random Header
mt_srand((double)microtime()*1000000);
$randomnum= mt_rand(1,30);
echo "<td width=\"544\" height=\"146\" valign=\"top\" id=\"headerpic\" style=\"background:transparent url($mosConfig_live_site/templates/tts-tiles_green/images/header/headerpic".$randomnum.".jpg) no-repeat top;\">";
?>
</td>
</tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="border-top:solid 2px #ffffff; border-bottom:solid 0px #ffffff">
<tr>
<td width="50%" valign="middle" height="37" bgcolor="#7A7A7A">
<form action='index.php' method='post'>
<div class="searchblock" id="searchblock">
<input class="inputbox" type="text" name="searchword" value="search..." onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='search...') this.value='';"/>
<input type="hidden" name="option" value="search" />
<input type="submit" value="GO" class="button" />
</div>
</form>
</td>
<td align="right" width="50%" valign="middle" height="37" bgcolor="#7A7A7A">
<?php mosLoadModules ( 'user3', -1 ); ?>
</td>
</tr>
</table>
<!-- This is the vertical menu. Change the links as needed or delete the script from this line if you dont use it-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td width="230" valign="top" >
<div id="modulediv">
<?php mosLoadModules ( 'left' ); ?>
</div>
<div id="modulerest">
<?php mosLoadModules ( 'right' ); ?>
</div>
</td>
<td width="3px">
</td>
<td valign="top" >
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 2px #ffffff;" >
<tr>
<td class="newsflash" bgcolor="#EDEDED">
<?php mosLoadModules( 'top', 1 ); ?>
</td>
</tr>
</table>
<table width="100%" border="0" align="center" cellpadding="7" cellspacing="0">
<tr>
<td class="mainpage">
<?php mosMainBody(); ?>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</td>
</table>
<td width="12" id="rightborder"></tD>
</tr>
</table>
<table width="803" border="0" align="center" cellpadding="0" cellspacing="0" style="margin:-2px auto 0 auto;padding:0px 0 0 0;">
<tr>
<td height="51" width="100%" align="center" valign="middle" id="tableend" style="padding:25px 0 20px 0" >
<?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?>
</td>
</tr>
</table>
<?php mosLoadModules( 'debug', -1 );?>
</body>
</html>Code: Select all
body {
margin: 20px 0px 0px 0px ;
padding:0px;
background-color:#9D9D9B;
}
tr, p, div {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #333333;
}
hr {
background : #999999;
height : 1px;
width : 100%;
}
#topborder{
background:transparent url(../images/topborder.gif) no-repeat top;
padding:0px 10px 0px 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color:#ffffff;
}
#leftborder{
background:transparent url(../images/leftborder.gif) repeat-y top;
width:12px;
}
#rightborder{
background:transparent url(../images/rightborder.gif) repeat-y top;
width:12px;
}
.contentbg{
background:transparent url(../images/contentbg.gif) repeat-y top;
border:solid 0px #ffffff;
}
#header{
width:232px;
height:146px;
background:#ffffff url(../images/header1.gif) no-repeat top;
}
#headerpic{
width:543px;
height:146px;
}
#mainlevel-nav {
margin: 0;
padding: 0;
}
#navicenter{
width:550px;
text-align:center;
margin: auto;
padding:0px;
}
#mainlevel-nav ul{
list-style-position:inside;
}
#mainlevel-nav li {
background-image: none;
padding: 0px 0px 0px 0px;
list-style-type:none;
float:right;
margin: 0 12px 0 0px;
font-size: 10px;
font-weight:bold;
line-height: 20px;
white-space: nowrap;
text-indent: 15px;
text-align:center;
border-left:solid 1px #ffffff;
}
#mainlevel-nav a {
display: block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-decoration: none;
color: white;
font-weight:bold;
text-align:center;
text-transform: uppercase;
}
#mainlevel-nav a:hover {
display: block;
text-decoration: none;
color: white;
font-weight:bold;
text-align:center;
margin:0px;
padding:0px 0px 0px 0px;
text-transform: uppercase;
text-decoration:underline;
}
/*different setting for newsflash*/
.newsflash {
color: #000000;
text-align: justify;
margin:0px 0px 0px 0px;
padding:0px 10px 5px 10px;
border-bottom:solid 2px #ffffff;
}
.newsflash table.moduletable th {
font-size : 12px;
font-weight : bold;
color : #525252;
text-align : left;
width : 100%;
letter-spacing: 0px;
text-indent: 0px;
height:28px;
background:#transparent url(../images/.gif) repeat-y top left;
border-bottom:solid 0px #ffffff;
border-top:solid 0px #ffffff;
vertical-align:middle;
text-align:left;
margin:0px 0 0 0;
padding:0px 0px 0px 3px;
}
/*setting for the greetings*/
.mainpage {
text-align: justify;
color: #333333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
}
.mainpage-bkg {
background-image: url(../images/lineborder.png);
width: 1px;
}
/*pathaway setting*/
.pathway {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color:#000000;
}
a.pathway:link, a.pathway:visited {
color : #6b0000;
font-weight : normal;
}
a.pathway:hover {
color : #6b0000;
font-weight : normal;
text-decoration : underline;
}
/*for title or site name*/
.title {
font-family: sans-serif;
font-size: 19px;
font-weight: bold;
color : #6b0000;
margin-left: 0px;
}
/*for the tag-line*/
.subtitle {
font-family: sans-serif;
font-size: 10px;
font-weight: bold;
color : #666666;
letter-spacing: 2px;
margin-left: 0px;
}
#active_menu {
text-align:left;
display: block;
color: #E4E0E0;
font-weight: bold;
width: 229px;
text-indent: 15px;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 25px;
margin: 0px 0 0 0;
background-color:#0D7263;
height:25px;
padding:0px 0px 0px 0px;
border-bottom:solid 1px #ffffff;
background:transparent url(../images/menuhover.gif) no-repeat top right;
}
/* --Default Class Settings-- */
a.mainlevel:link, a.mainlevel:visited {
text-align:left;
display: block;
color: #ffffff;
font-weight: bold;
width: 229px;
text-indent: 15px;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 25px;
margin: 0px 0 0 0;
background-color:#0D7263;
height:25px;
border-bottom:solid 1px #ffffff;
vertical-align:middle;
}
a.mainlevel:hover {
text-align:left;
display: block;
color: #E4E0E0;
font-weight: bold;
width: 229px;
text-indent: 15px;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 25px;
margin: 0px 0 0 0;
background-color:#0D7263;
height:25px;
padding:0px 0px 0px 0px;
border-bottom:solid 1px #ffffff;
background:transparent url(../images/menuhover.gif) no-repeat top right;
}
a.mainmenu:link, a.mainmenu:visited {
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 10px;
}
a.mainmenu:hover {
color: #333333;
}
a.sublevel:link, a.sublevel:visited {
display:block;
width:180px;
padding-left: 1px;
font-size: 11px;
color: #6b0000;
text-align: right;
}
a.sublevel:hover {
color: #6b0000; text-decoration: underline;
}
table.moduletable {
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
width: 100%;
}
table.moduletable th {
font-size : 12px;
font-weight : bold;
color : #ffffff;
text-align : left;
width : 100%;
letter-spacing: 0px;
text-indent: 0px;
height:28px;
background:#transparent url(../images/moduletableth.gif) repeat-y top left;
border-bottom:solid 2px #ffffff;
border-top:solid 2px #ffffff;
vertical-align:middle;
text-align:center;
}
table.moduletable li {
}
table.moduletable ul {
padding: 0px;
}
#modulediv table.moduletable td {
text-align:left;
padding:0px 0 0 0;
color:#E4E0E0;
}
#modulerest table.moduletable td {
font-size: 10px;
font-weight: normal;
color:#E4E0E0;
text-align:left;
padding:10px 0px 10px 5px;
}
#modulediv table.moduletable form{
padding:10px 12px 10px 12px;
}
.poll {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #666666;
line-height : 14px;
padding:0px 0 0px 0;
}
table.pollstableborder {
border: 0px solid #cccccc;
}
.sectiontableheader {
background-color : transparent;
color : #333333;
font-weight : bold;
}
.sectiontableentry1 {
background-color : transparent;
padding:0px;
margin:0px;
}
.sectiontableentry2 {
background-color : transparent;
padding:0px;
margin:0px;
}
.small {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #525252;
text-decoration : none;
font-weight : bold;
}
.smalldark {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
text-decoration : none;
font-weight : normal;
}
.contentpane {
background : transparent;
}
.contentpaneopen {
width: 100%;
padding: 0px;
margin:0px;
}
.contentheading, .componentheading {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #525252;
text-align : left;
}
.createdate {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #6b0000;
text-align : left;
}
#modulediv .button {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-style : normal;
font-size : 10px;
font-weight : bold;
background-color : #ffffff;
color : #0D7263;
border:solid 1px #ffffff;
height:20px;
width:200px;
float:left;
margin:2px 0px 3px 0px;
}
#modulerest .button{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-style : normal;
font-size : 10px;
font-weight : bold;
background-color : #ffffff;
color : #0D7263;
border:solid 1px #ffffff;
height:20px;
width:200px;
float:left;
margin:0px 0px 1px 0px;
padding:0px;
}
#modulediv .inputbox {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #C79B89;
background-color : #ffffff;
border : 0px solid #ffffff;
width:200px;
margin:2px 0px 3px 0px;
height:20px;
}
.button {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-style : normal;
font-size : 10px;
font-weight : bold;
background-color : #ffffff;
color : #0D7263;
border:solid 1px #ffffff;
height:20px;
width:100px;
float:left;
margin:0px 0px 3px 4px;
}
#searchblock .inputbox{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #0D7263;
background-color : #ffffff;
border : 3px solid #ffffff;
width : 180px;
float:left;
margin:0 0px 0 7px;
}
#searchblock .button {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-style : normal;
font-size : 10px;
font-weight : bold;
background-color : #ffffff;
color : #0D7263;
border : 3px solid #ffffff;
margin:0 0 0 2px;
width:35px;
height:20px;
}
a:link, a:visited {
color: #ffffff;
text-decoration: none;
}
a:hover {
color: #ffffff;
text-decoration: underline;
}
.mainpage a:link, a:visited {
color: #6b0000;
text-decoration: none;
}
.mainpage a:hover {
color: #6b0000;
text-decoration: underline;
}
/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #ff9900;
text-align:left;
text-decoration: underline;
}
a.contentpagetitle:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align:left;
color: #666666;
text-decoration: none;
font-weight: bold;
}
a.category:link, a.category:visited {
color : #333333;
font-weight : bold;
font-size: 11px;
font-weight: bold;
}
a.category:hover {
color : #999999;
}
/* Styles for dhtml tabbed-pages */
.ontab {
background-color: #ffae00;
border-left: outset 2px #ff9900;
border-right: outset 2px #808080;
border-top: outset 2px #ff9900;
border-bottom: solid 1px #d5d5d5;
text-align: center;
/* Cannot use hand as its not a W3C CSS validator */
/* cursor: hand;*/
font-weight: bold;
color: #ffffff;
}
.offtab {
background-color : #e5e5e5;
border-left: outset 2px #E0E0E0;
border-right: outset 2px #E0E0E0;
border-top: outset 2px #E0E0E0;
border-bottom: solid 1px #d5d5d5;
text-align: center;
/* Cannot use hand as its not a W3C CSS validator */
/* cursor: hand;*/
font-weight: normal;
}
.tabpadding {
}
.tabheading {
background-color: #ffae00;
text-align: left;
}
.pagetext {
visibility: hidden;
display: none;
position: relative;
top: 0;
}
/* for modifying {moscode} output. Don't set the colour! */
.moscode {
background-color: #f0f0f0;
}
.code {
background-color: #f0f0f0;
border: 1px solid #fff;
}
/* Text passed with mosmsg url parameter */
.message {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 10pt;
color : #ff6600;
text-align: center;
}
/* Javascript Back button */
.back_button {
text-align: center;
margin-top: 40px;
}
table.contenttoc {
color: #333300;
background-color: #e0e0e0;
border: 1px solid #333;
}
table.contenttoc td {
font-size: 8pt;
font-weight: normal;
text-align:left;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
li {
line-height: 15px;
padding-left: 10px;
padding-top: 0px;
background-image: url(../images/arrow.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;
}
table.searchinto {
width: 100%;
}
table.searchintro td {
background-color: #293C43;
color: #ffffff;
font-weight: bold;
}
form {
/* removes space below form elements */
margin: 0;
padding: 0;
}
list-style: none;
}
li {
line-height: 15px;
padding-left: 10px;
padding-top: 0px;
background-image: url(../images/arrow.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;
}
table.searchinto {
width: 100%;
}
table.searchintro td {
background-color: #293C43;
color: #ffffff;
font-weight: bold;
}
form {
/* removes space below form elements */
margin: 0;
padding: 0;
}
.contentdescription{
background-color:transparent;
}
#tableend{
background:transparent url(../images/footer.gif) no-repeat top;
padding:0px 10px 0px 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color:#ffffff;
width:803px;
}
Vielen Dank im Voraus.
.
