Tabellen Striche entfernen und BG wird nicht angezeigt

E

EIS-TEE

PHP-MySQLi Skill:13%
Hallo Community,

Unbenannt.jpg

wie Ihr auf dem Bild sehen könnt, stimmt da noch nicht alles,
was mache ich falsch ?

Nachtrag:Code vergessen :D

HTML: 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Chat</title>
   
      <style type="text/css">
	  
	  .chat{
	  width:600px;
	  height:400px;
	  }
	  
	  .chat_links_oben{
	  background:url(bilder_chat/links_oben.png) no-repeat;
	  width:20px;
	  height:20px;
	  }
	  
	  .chat_mitte_oben{
	  background:url(bilder_chat/mitte_oben.png) repeat-x;
	  height:20px;
	  }
	  
	  .chat_rechts_oben{
	  background:url(bilder_chat/rechts_oben.png) no-repeat;
	  width:20px;
	  height:20px;
	  }
	  
	  .chat_mitte_links{
	  background:url(bilder_chat/mitte_links.png) repeat-y;
	  width:20px;
	  }
	  
      .chat_mitte_rechts{
	  background:url(bilder_chat/mitte_rechts.png) repeat-y;
	  width:20px;
	  }
	  
	  .chat_links_unten{
	  background:url(bilder_chat/links_unten.png) no-repeat;
	  width:20px;
	  height:20px;
	  }
	  
	  .chat_mitte_unten{
	  background:url(bilder_chat/mitte_unten.png) repeat-x;
	  height:20px;
	  }
	  
	  .chat_rechts_unten{
	  background:url(bilder_chat/rechts_unten.png) no-repeat;
	  width:20px;
	  height:20px;
	  }
	  
	  .chat_content{
	  background:url(bilder_chat/content.png) repeat-x repeat-y;
      }
	  </style>
      
</head>

<body>

   <table class="chat">
   <tr>
       <td class="chat_links_oben"></td> 
       <td class="chat_mitte_oben"></td> 
       <td class="chat_rechts_oben"></td>
   </tr>
      
   <tr>
       <td class="chat_mitte_links"></td> 
       
       <td class="chat_content">
         
          <!-- Start Chat Content -->
      
      
          <!-- Ende Chat Content -->
          
       </td> 
       
       <td class="chat_mitte_rechts"></td>
      
   </tr>
      
   <tr>
       <td class="chat_links_unten"></td> 
       <td class="chat_mitte_unten"></td> 
       <td class="chat_rechts_unten"></td>
   </tr>
   </table>
   
</body>
</html>

~EIS-TEE
Ich bin zu allem bereit, aber zu nichts zu gebrauchen.
 
Zuletzt bearbeitet:
Hi EIS-TEE,

vielleicht kannst du sagen, wo genau dein Problem ist. Nen Auszug aus dem Quellcode oder irgendwie sowas. Also ich kann leider mit dem Foto allein nichts anfangen, da ich auch nicht weiß, wie du das eigentlich genau haben willst.

Gruß, Adnan

Hey,

versuchs mal so:

HTML: 
background-image: url(bilder_chat/mitte_oben.png);

border-style: none;

Hoffe, es hilft dir ^^

Gruß, Adnan

Morgen Psychodelics,

ohne repeat Angaben fühlt sich zwar der Content,
aber ich glaube nicht das dies der richtige Weg ist,
andere Browser werden dann bestimmt nur einmal das Bild Zeigen.

Das mit dem border-style:none hat nicht geklappt :(


~EIS-TEE
Ich bin zu allem bereit, aber zu nichts zu gebrauchen.


Meinst du, du kannst die Bilder hochladen?
 
Klar,
hier ist der Ordner mit den Bildern :)
Anhang anzeigen bilder_chat.zip

Nachtrag:
Das mit den Zellen Abstand, habe ich jetzt so gelöst:
HTML: 
<table cellspacing="0" cellpadding="0" class="chat">
Scheint der richtige Weg zu sein, lasse mich aber gerne eines besseren belehren :)


~EIS-TEE
Ich bin zu allem bereit, aber zu nichts zu gebrauchen.
 
Zuletzt bearbeitet:
Ist echt übel, was hälst du denn davon die Grafik komplett als Hintergrundbild einzufügen, anstatt so kleine Teile zu nehmen?

Hier mit funktioniert es.

HTML: 
.chat{
	  width:600px;
	  height:400px;
	  border-spacing: 0px;
}

Hoffe, das hilft dir weiter ^^

Gruß, Adnan
 
Mal noch ist garnichts super :(

Warum funktioniert repeat nicht ?


~EIS-TEE
Ich bin zu allem bereit, aber zu nichts zu gebrauchen.
 
Scheinbar unterstützen nicht alle Browser die Repeat-Funktion.

So wie du es oben gesagt hattest, sieht es bei mir richtig gut aus mit IE und Firefox, aber mit Opera sieht das nach nix aus.

Wie bereits gesagt, wieso nimmst du nicht den kompletten Rahmen als ein Bild im Hintergrund? Die paar kb machen auch nichts...

Versuch es bitte nochmal so und sag mir, ob es jetzt funktioniert.

HTML: 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Chat</title>
   
   <style type="text/css">
	  
.chat{
   width:600px;
   height:400px;
   border-spacing: 0px;
   margin: 10px auto 10px auto;
}
	  
.chat_links_oben{
   background-image:url(bilder_chat/links_oben.png);
   background-repeat: no-repeat;
   width:20px;
   height:20px;
}
	  
.chat_mitte_oben{
   background-image:url(bilder_chat/mitte_oben.png);
   background-repeat: repeat-x;
   height:20px;
   width: 550px;
}
	  
.chat_rechts_oben{
   background-image:url(bilder_chat/rechts_oben.png);
   background-repeat: no-repeat;
   width:20px;
   height:20px;
}
	  
.chat_mitte_links{
   background-image:url(bilder_chat/mitte_links.png);
   background-repeat: repeat-y;
   width:20px;
   height:390px;
}
	  
.chat_mitte_rechts{
   background-image:url(bilder_chat/mitte_rechts.png);
   background-repeat: repeat-y;
   width:20px;
   height:390px;
}
	  
.chat_links_unten{
   background-image:url(bilder_chat/links_unten.png);
   background-repeat: no-repeat;
   width:20px;
   height:20px;
}
	  
.chat_mitte_unten{
   background-image:url(bilder_chat/mitte_unten.png);
   background-repeat: repeat-x;
   height:20px;
   width: 550px;
}
	  
.chat_rechts_unten{
   background-image:url(bilder_chat/rechts_unten.png);
   background-repeat: no-repeat;
   width:20px;
   height:20px;
}

   </style>
      
</head>

<body>

   <table cellspacing="0" cellpadding="0" class="chat">
     <tr class = "okay">
       <td class="chat_links_oben"></td> 
       <td class="chat_mitte_oben"></td> 
       <td class="chat_rechts_oben"></td>
     </tr>
      
     <tr class = "okay">
       <td class="chat_mitte_links"></td> 
       <td class="chat_content">
         
          <!-- Start Chat Content -->
      
      
          <!-- Ende Chat Content -->
          
       </td> 
       
       <td class="chat_mitte_rechts"></td>
      
     </tr>
      
     <tr class = "okay">
       <td class="chat_links_unten"></td> 
       <td class="chat_mitte_unten"></td> 
       <td class="chat_rechts_unten"></td>
     </tr>
   </table>
   
</body>
</html>

Ich hoffe, das hilft dir jetzt irgendwie weiter.

Gruß, Adnan
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück