• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Schwierigkeiten mit Tabellenrahmen

Z

Zaphyre

Neues Mitglied
Hallo,
Es ist etwas schwierig dieses Problem genau zu umreißen, da es sowohl css, als auch jquery und php umfasst, aber ich versuchs mal.
Ich habe ein php-file http://looks-familiar.com/movietest2a.php das mir Daten aus einer DB ausgibt. Diese Daten werden über JSon geladen in ein html-file geladen das sich nicht auf meinem webserver, sondern auf einem mobilen Endgerät befindet.
Das Styling der Tabelle in der die Daten angezeigt werden mache ich aber über JQuery noch in meinem php-file.
Nun hab ich aber so einen blöden weißen Abstand um die Tabelle rum (es ist nicht das padding des body wie ich festgestellt habe).
Außerdem krieg ich nicht die Linien zwischen den einzelnen Tabellenzellen weg (border-style none/0px hat nichts gebracht)
Wisst ihr vielleicht wie ich das beheben kann - es sollte halt noch innerhalb von diesem php-file behoben werden da ich diese Tabelle in ein anderes file schicke.

Hier noch der Code des php-files

PHP: 
<?php
$db_host = '';$db_user = '';$db_pass = '';$db_name = '';

$conID = mysql_connect( $db_host, $db_user, $db_pass ) or die( "Die Datenbank konnte nicht erreicht werden!" );
if ($conID){
	mysql_select_db( $db_name, $conID );	}
$content = "SELECT * FROM tableX";	$mysql_content = mysql_query($content);		?>	<table class="tablecities" border-collapse:collapse;>	<?php		while ($data = mysql_fetch_array($mysql_content)) {	?>		<tr><td ><a href='javascript:void();' onclick='test("<?php echo $data['id'];?>")' style='color:#ffd700;text-decoration:none'><?php echo $data['city'];?></a>		</td></tr>	
    <?php			}		?>		</table>		
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script><script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>	<script>
$('.tablecities tr:odd').css("background-color", "black");$('.tablecities tr:even').css("background-color", "#222222");$('.tablecities td').css("width", "320px");$('.tablecities td').css("height", "60px");//$('.tablecities td').css("border-style", "none");$('.tablecities td').css("padding-left", "30px");$('.tablecities td').css("margin", "0px");$('.tablecities td').css("font-size", "large");$('.tablecities td').css("font-weight", "bold");

</script>
 
Wenn Du Probleme mit dem Styling hast, dann ist es eine CSS-Frage. Um diese beantworten zu können bräuchte man aber auch den HTML-Code der im Browser ankommt. Alles andere dahinter ist dann erstmal egal. Also solltest Du einen Link zeigen unter dem das zu sehen ist was Du meinst.

Anhand des Links oben vermute ich gerade, dass Du nach diesen CSS-Eigenschaften suchst:
http://de.selfhtml.org/css/eigenschaften/tabellen.htm#border_collapse
 
also ich hab schon das hier probiert
PHP: 
<table class="tablecities" border-collapse:collapse;>
...
</table>

das hat aber auch nichts verändert.

mein html-file ist nichts besonderers:

HTML: 
<!DOCTYPE html>
<html>
    
    <head>
        
    </head>
    <body>
               
        <script type="text/javascript" src="js/index.js"></script>
        
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script type="text/javascript" src="test.js"></script>
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
        
        
        <div data-role="content" data-theme="a">
            <input type="button" onclick="test()" value="">
            
            <a href"xxx.html"><div id="result"></div></a>
         </div>
        
                 
    </body>


</html>
 
Dieser erste HTML-Code von dir ist falsch. Das ist nicht das was auf der oben verlinkten Seite steht.
 
ja, das ist ja auch ein php-file, in dem nur die Daten ausgegeben werden (also das im ersten Post) - das eigentlich html-file mit dem div "result" (mit dem code aus dem letzten post) ist in innerhalb von meinem xcodeproj - da wird ja dann das reingeladen, was über php in looks-familiar.com/movietest2a.php ausgegeben wird.
stylen tu ich aber innerhalb von dem php-file über jquery
 
Und das war die Antwort worauf? Du musst den Style korrekt der Tabelle zuweisen. Momentan hast Du das nicht getan.
 
aber ich hab doch oben geschrieben:
PHP: 
<table class="tablecities" border-collapse:collapse;>    
<?php while ($data = mysql_fetch_array($mysql_content)) {?>        
  <tr>
    <td ><a href='javascript:void();' onclick='test("<?php echo $data['id'];?>")' style='color:#ffd700;text-decoration:none'>
    <?php echo $data['city'];?></a>        
    </td>
  </tr>    
    <?php            
   }         
  ?>        
</table>

oder was meintest du genau?
 
ups das war natürlich ein blöder Flüchtigkeitsfehler von mir - hab die Referenz unterwegs gelesen und nur überflogen.
Tut mir leid.
Es sieht jetzt auf jeden Fall besser aus. Aber wie krieg ich jetzt den weißen Zwischenraum am Rand weg. Also ich meine, dass die Tabelle genau oben und links am Rand anfängt?

edit: ich seh gerade auf meinem IPhone, dass ringsrum so ein Zwischenraum zum Bildschirmrand freigelassen wurde
Sobald das Bildschirmfoto in meinem Fotostream angekommen ist, lad ich es hoch, damit klar wird, was ich meine
 
Hallo,

Code: 
body {
    margin: 0;
    padding: 0;


}

schau dir mal ein reset.css an.
die macht so was und noch einiges

Cheffchen
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben