Tabellen nahtlos miteinander verbinden?

JackSlain · 13 Dezember 2007

Hi,

ich habe ein Problem:

Ich habe ein Layout auf Tabellenbasis gemacht, jetzt habe ich das Problem, das zwischen zwei Tabellen eine Stück frei bleibt!

Ich habe in jeder Tabelle ein Hintergrundbild welches zusammen ein ganzes Bild gibt, allerdings habe ich jetzt einen Übergang drinne den ich nicht haben will...

Hier mein Code:

<table width="911" height="2011" cellspacing="0" celpadding="0" align="center">

<tr>
<td>
<table width="900" height="2011" cellspacing="0" celpadding="0">


<tr height="200" width="900">
<td colspan="3" style="background-image:url(header.jpg)">
</td>
</tr>



<tr height="120">
<td width="295" style="background-image:url(lastnews.jpg)">
<? include("sc_headlines.php"); ?>
</td>
<td width="310" style="background-image:url(lastwars.jpg)">
<? include("sc_results.php"); ?>
</td>
<td width="295" style="background-image:url(lasttopics.jpg)">
<? include("latesttopics.php"); ?>
</td>
</tr>



<tr height="20" width="900">
<td colspan="3" style="background-image:url(spacer.jpg)">
</td>
</tr>



<tr valign="top">
<td colspan="3">
<table cellspacing="0" celpadding="0">
<tr valign="top">
<td width="180" rowspan="2" style="background-image:url(menuleft.jpg)">

<? include("quicksearch.php"); ?>
<? include("navigation.php"); ?>
<? include("poll.php"); ?>

</td>

<td>
<table cellspacing="0" celpadding="0">
<tr width="540" height="70">
<td style="background-image:url(headercontent.jpg)">
</td>
</tr>
<tr>
<td width="540" style="background-image:url(content.jpg)">
<?
if(!isset($site)) $site="news";
$invalide = array('\\','/','/\/',':','.');
$site = str_replace($invalide,' ',$site);
if(!file_exists($site.".php")) $site = "news";
include($site.".php");
?>
</td>
</tr>
</table>
</td>

<td width="180" style="background-image:url(menuright.jpg)">

<? include("login.php"); ?>
<? include("shoutbox.php"); ?>
<? include("sc_articles.php"); ?>
<? include("counter.php"); ?>

</td>
</tr>
</table>
</td>
</tr>



<tr height="31">
<td colspan="3" style="background-image:url(footer.jpg)">
</td>
</tr>


</table>
</td>

<td width="11" height="2011" style="background-image:url(border.jpg)">
</td>
</tr>
</table>

was kann ich tun?

Budspencer · 13 Dezember 2007

versuchs mal damit:

Code:

<style>

table{
    border: 0px;
}

table tr{
    border: 0px;
}

table tr td{
    border: 0px;
}

</style>

JackSlain · 13 Dezember 2007

Budspencer schrieb:
versuchs mal damit:

Code:

<style> table{ border: 0px; } table tr{ border: 0px; } table tr td{ border: 0px; } </style>

wohin damit?

Budspencer · 13 Dezember 2007

in die html datei nach dem header vorm body

JackSlain · 13 Dezember 2007

Budspencer schrieb:
in die html datei nach dem header vorm body

versucht, hilft aber nicht, ganz im gegenteil...verschiebt alles extrem und die lücken bleiben vorhanden!

Budspencer · 13 Dezember 2007

versuch das mal:

Code:

  <style>
  
table{
    padding: 0px;
    margin: 0px;
}

table tr{
    padding: 0px;
    margin: 0px;
}

table tr td{
    padding: 0px;
    margin: 0px;
}

  </style>

Körnerbrötchen · 13 Dezember 2007

Kannst du dir mal angewöhnen korrekten Code zu posten? Deiner ist ganz sicher nicht valide.
Korrekt wäre

Code:

<style type="text/css">
...
</style>

JackSlain · 13 Dezember 2007

ok danke mit padding hats funktioniert.

jetzt noch eine frage wie kann ich den inhalt einer zelle ausrichten ohne den background damit auch zu verscheiben?

Körnerbrötchen · 13 Dezember 2007

Was genau meinst du?
Vielleicht:

Code:

<td style="text-align:right">...</td>

?

JackSlain · 13 Dezember 2007

Körnerbrötchen schrieb:
Was genau meinst du?
Vielleicht:

Code:

<td style="text-align:right">...</td>

?

nein,

also:
jetzt habe ich ja global folgendes definiert:
<style>
table{
padding: 0px;
margin: 0px;
}
table tr{
padding: 0px;
margin: 0px;
}
table tr td{
padding: 0px;
}
</style>

das Problem ist aber das ich jetzt den Text bzw. den inhalt in einzelnen Zellen nicht mehr mit padding ausrichten kann...

Budspencer · 13 Dezember 2007

sry aber normalerweise schreib ich das in eine css datei und nicht in die html datei deswegen wusste ich das nicht.

JackSlain · 13 Dezember 2007

Budspencer schrieb:
sry aber normalerweise schreib ich das in eine css datei und nicht in die html datei deswegen wusste ich das nicht.

mmmh und wie sieht die lösung meines problems aus :)

Budspencer · 13 Dezember 2007

mach ein div oder class um den text und dann wieder mit css padding definieren.

JackSlain · 13 Dezember 2007

Budspencer schrieb:
mach ein div oder class um den text und dann wieder mit css padding definieren.

ok das mit div funktioniert,

allerdings macht er im ie kein padding right obwohl ich padding allgemein definiert habe mit padding:20px;

Im Firefox macht er das aber mmmh??????

Budspencer · 13 Dezember 2007

versuch mal alles einzeln zu definieren:

Code:

padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;

wenn das nicht funk dann probie mal

Code:

padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
#padding-right: 40px;
padding-top: 20px;

JackSlain · 13 Dezember 2007

Budspencer schrieb:
versuch mal alles einzeln zu definieren:

Code:

padding-bottom: 20px; padding-left: 20px; padding-right: 20px; padding-top: 20px;

wenn das nicht funk dann probie mal

Code:

padding-bottom: 20px; padding-left: 20px; padding-right: 20px; #padding-right: 40px; padding-top: 20px;

einzeln hilft auch nicht und das mit der # verwirft wieder mein padding 0 für das nahtlose...

mann im firefox läuft jetzt alles wunderbar nur ie macht probleme...
@bud ich hoffe du kannst mir da noch helfen dann hätte ichs...

Budspencer · 13 Dezember 2007

wie und wo hast es reingeschrieben? code bitte

JackSlain · 13 Dezember 2007

Budspencer schrieb:
wie und wo hast es reingeschrieben? code bitte

Code:

                          <td width="180" height="1640" style="background-image:url(menuright.jpg)">
                              <div style="padding-left:10px; padding-top:10px; padding-bottom:10px; padding-right:15px;">
                                   <? include("login.php"); ?>
                                   <? include("shoutbox.php"); ?>
                                   <? include("sc_articles.php"); ?>
                                   <? include("counter.php"); ?>
                              </div>

JackSlain · 13 Dezember 2007

Der komplette code ist jetzt:

Code:

<?
include("_mysql.php");
include("_settings.php");
include("_functions.php");
?>

<html>
<head>
<title><? echo PAGETITLE; ?></title>

<link href="_stylesheet.css" rel="stylesheet" type="text/css">
<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>

</head>

<style type="text/css">

table{
    padding: 0px;
}

table tr{
    padding: 0px;
}

table tr td{
    padding: 0px;
}

</style>

<body bgcolor="#bbbbbb">

<table width="911" height="2011" cellspacing="0" celpadding="0" align="center">

<tr>
<td>
<table width="900" height="2011" cellspacing="0" celpadding="0">

<!--header-->
       <tr height="200" width="900">
           <td colspan="3" style="background-image:url(header.jpg)">
           </td>
       </tr>
<!--header-->

<!--last news, wars, topics-->
       <tr height="120">
           <td width="295" style="background-image:url(lastnews.jpg);">
               <div style="padding-left:20px">
                    <? include("sc_headlines.php"); ?>
               </div>
           </td>
           <td width="310" style="background-image:url(lastwars.jpg)">
               <div style="padding-left:20px; padding-right:15px;">
                    <? include("sc_results.php"); ?>
               </div>
           </td>
           <td width="295" style="background-image:url(lasttopics.jpg)">
               <div style="padding-left:10px">
                    <? include("latesttopics.php"); ?>
               </div>
           </td>
       </tr>
<!--last news, wars, topics-->

<!--spacer-->
       <tr height="20" width="900">
           <td colspan="3" style="background-image:url(spacer.jpg)">
           </td>
       </tr>
<!--spacer-->

<!--menu_left, content, menu_right-->
       <tr valign="top">
           <td colspan="3">
               <table cellspacing="0" celpadding="0">
                      <tr valign="top">
                          <td width="180" height="1640" rowspan="2" style="background-image:url(menuleft.jpg)">
                              <div style="padding-left:20px; padding-top:10px; padding-bottom:10px; padding-right:15px;">
                                   <? include("quicksearch.php"); ?>
                                   <? include("navigation.php"); ?>
                                   <? include("poll.php"); ?>
                              </div>

                          </td>

                          <td>
                              <table cellspacing="0" celpadding="0">
                                     <tr width="540" height="70">
                                         <td style="background-image:url(headercontent.jpg)">
                                         </td>
                                     </tr>
                                     <tr valign="top">
                                         <td width="540" height="1570" style="background-image:url(content.jpg)">
                                             <div style="padding-left:20px; padding-top:10px; padding-bottom:10px; padding-right:20px;"
                                             <?
                                               if(!isset($site)) $site="news";
                                               $invalide = array('\\','/','/\/',':','.');
                                               $site = str_replace($invalide,' ',$site);
                                               if(!file_exists($site.".php")) $site = "news";
                                               include($site.".php");
                                             ?>
                                             </div>
                                         </td>
                                     </tr>
                              </table>
                          </td>

                          <td width="180" height="1640" style="background-image:url(menuright.jpg)">
                              <div style="padding-left:10px; padding-top:10px; padding-bottom:10px; padding-right:15px;">
                                   <? include("login.php"); ?>
                                   <? include("shoutbox.php"); ?>
                                   <? include("sc_articles.php"); ?>
                                   <? include("counter.php"); ?>
                              </div>
                          </td>
                      </tr>
               </table>
           </td>
       </tr>
<!--menu_left, content, menu_right-->

<!--footer-->
       <tr height="31">
           <td colspan="3" style="background-image:url(footer.jpg)">
           </td>
       </tr>
<!--footer-->

</table>
</td>

<td width="11" height="2011" style="background-image:url(border.jpg)">
</td>
</tr>
</table>

</body>
</html>

Budspencer · 13 Dezember 2007

naja das ist nicht so wie ich es mir gedacht habe, aber egal.
versuchs mal mit margin-right

Tabellen nahtlos miteinander verbinden?

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Aktives Mitglied

Neues Mitglied

Aktives Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied