Problem mit Rand bei Table

K

Kirsten_k

Grünschnabel
Abend zusammen,

ich habe ein kleines Problem bei dem ich nicht weiterkomme.

Ich bastel mir grade ein Template fuer Joomla zusammen.

so sieht es bislang aus:
http://austria.comoj.com/

Ich bekomme bei dem blauen Menu den schwarzen Rand nicht weg. Es kann soweit ich das ueberblicke weder borderspacing noch padding sein.

Vielen Dank fuer eure Hilfe!

HTML: 
<?php
defined('_JEXEC') or die;
JHtml::_('behavior.framework', true);
$app = JFactory::getApplication();
?>
<?php echo '<?'; ?>xml version="1.0" encoding="<?php echo $this->_charset ?>"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
  <jdoc:include type="head" />
  <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" /> 
</head>

  
<body>
<div class="firstRow">
  <div class="firstRowMiddle">
    Ueberschrift1
  </div>
</div>  

<div class="secondRow">    
  <div class="secondRowMiddle">      
    UEBERSCHRIFT2.1 <span style="font-size:20px">   Ueberschrift2.2</span>    
  </div>     
</div>

<div class="container">
  <table border="0px" width="940px" height="1100px" style="border-spacing:0px;">
    <tr>
      
      <td width="200px" style="background:#000000;">
        <div id="navcontainer" styles="height:100px; padding:0px;">
	_
	  <ul id="navlist">
            <jdoc:include type="modules" name="PosMenu" style="xhtml" />                     
          </ul>
        </div>
      </td>
      
      <td>
        <jdoc:include type="component" />
      </td>
    </tr>
  </table>
</div>
</body>

</html>

Code: 
body {  
  background: #444444;  
  margin: 0;  
  padding: 0;
}
.firstRow {
  position: relative;
  background-color:#000000;
  margin: 0px;
  width: 100%;
  height:38px;
  text-align:center;
  color: #ffffff;
}
.firstRow .firstRowMiddle {
  padding-top:6px;
  width: 940px;  
  margin: 0 auto;  
  font-family:Georgia, "Times New Roman", Times, serif;  
  font-size:20px;  
  text-align: left;  
  font-weight: lighter;
}
.secondRow{  
  position: relative;  
  background:url("../images/1.gif");  
  height:100px;  
  border-bottom:thin #FFF solid;  
  margin: 0px;  width: 100%;  
  text-align:center;  
  color: #ffffff;  
}
.secondRow .secondRowMiddle {  
  padding-top:25px;  
  width: 940px;  
  margin: 0 auto;  
  color:#000000;  
  font-family:Georgia, "Times New Roman", Times, serif;  
  font-size:35px;  
  font-variant:small-caps;  
  text-align: left ;
}
.container {  
  width: 940px;   
  margin: 0 auto;
}
#navcontainer { 
  width: 240px; 
  font-size:12px;
  text-indent:10px;
  font:bold 12px Arial;
  color: #35689d;;
  background:url("../images/menu_top.jpg");  
}
#navcontainer ul {

  padding-left: 0;
  list-style-type: none;
  height:50px;
}
#navcontainer a {
  display: block;
  padding: 7px;
  width: 240px;
  background-color: #35689d;
  border-top: 1px solid #2e5e8f;
}
#navcontainer a:link, #navlist a:visited {
  color: #EEE;
  text-decoration: none;
}
#navcontainer a:hover {
  background-color: #35689d;
  color: #fff;
}
td{
  vertical-align:top; 
  background-color:#CCCCCC; 
}
 
Hi,

wenn du den rand an der linken Seite meinst...

ersetz doch einfach
HTML: 
<td width="200px" style="background:#000000;">
durch
HTML: 
<td width="200px" style="background:#000000; padding: 0px;">

Gruß javaDeveloper2011
 
Ich möchte nur kurz anmerken, dass ein Tabellenlayout unsauber und veraltet ist. Nur, falls Du es nicht weißt ;)

noeden.

PS: Ich finde es auch unnötig, außer, Du willst deine Seite per Outlook 2010 verschicken ;)
 
@javaDeveloper2011: Vielen Dank, hatte da wohl einen Tippfehler als ich dort das Padding auf 0px gesetzt habe.

@Noeden: Das ist mir bewusst nur muss die Website recht fix stehen und ich komm mit den Tabellen grade etwas besser zurecht und ich verstehe auch nicht wo der grosse Nachteil von Tabellen ist...******

Gruesse
 
Hi nochmal,

ich hab das Menu soweit jetzt umsetzten koennen aber dummerweise habe ich direkt das naechste Problem. Ich will direkt unter dem Menu weiterschreiben, jedoch erscheint alles was ich da hinschreibe und einfuege nicht unter sonder IM Menu.

http://austria.comoj.com/ da sieht man, dass der Text "HIER" mitten im Menu erscheint. Der dazugehoerige Code:

HTML: 
<?php
defined('_JEXEC') or die;
JHtml::_('behavior.framework', true);
$app = JFactory::getApplication();
?>
<?php echo '<?'; ?>xml version="1.0" encoding="<?php echo $this->_charset ?>"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
  <jdoc:include type="head" />
  <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" /> 
</head>

  
<body>
<div class="firstRow">
  <div class="firstRowMiddle">
    Ueberschrift1
  </div>
</div>  

<div class="secondRow">    
  <div class="secondRowMiddle">      
    UEBERSCHRIFT2.1 <span style="font-size:20px">   Ueberschrift2.2</span>    
  </div>     
</div>

<div class="container">
  <table border="0px" width="940px" height="1100px" style="border-spacing:0px;">
    <tr>
      
      <td width="254px" style="background:#ffffff; padding: 0px;">
        <div id="navcontainer" styles="padding:0px;">
	_    
	       <ul id="navlist">
            <jdoc:include type="modules" name="PosMenu" style="xhtml" />                     
         </ul>
            <p>HIER</p>                  
        </div>
      </td>

      <td>
        <jdoc:include type="component" />
      </td>
    </tr>
  </table>
</div>
</body>
</html>

Danke fuer eure Hilfe!
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück