zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Tabellenfelderzwischenraeume xhtml

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.01.2007, 09:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.01.2007
Ort: Kunming Yunnan China
Beiträge: 19
heinzel befindet sich auf einem aufstrebenden Ast
Unglücklich Tabellenfelderzwischenraeume xhtml

Hallo,

Ich habe eine Tablle die mit Bildern gefuellt ist.
Ich moechte 100% xhtml codieren. Bin aber blutiger css- und xhtml-Anfaenger!

Wie bekomme ich die Zwischenraeume zwischen den Tabellenfeldern weg?
! im Internetexplorer und im Firefox !

Es sollte eigendlich ganz einfach sein, aber ich komme nicht auf die Loesung.
Es nervt mich inzwischen ganz gewaltig!(Ein Monat lang keine Loesung)

hier der
Code:
<?xml version="1.0" encoding="GB2312" ?>
<!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">

<head> <title>Problem</title></head>
<body>

<table  style="border-collapse:collapse;border-style:none; padding:0px; border-spacing:0px; margin:0px" >

 <tr>
   <td>
    <img src="bild1.bmp" alt=""/>
  </td>
 </tr>

  <tr >
   <td>
    <img src="bild2.bmp" alt=""/>
  </td>
 </tr>

</table>

</body>
</html>

Ich habe den Code xhtml validiern koennen!
"xhtml1-strict.dtd" sollte bleiben.

mfG.
Dirk
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.01.2007, 09:51
Benutzer
neuer user
 
Registriert seit: 18.12.2006
Beiträge: 65
halbmond befindet sich auf einem aufstrebenden Ast
Standard

versuch mal das

*{
border:0px;
}

od.

*{
border:none;
}

ich glaube, es funktioniert beides, bin mir aber gerade nicht sicher
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.01.2007, 10:13
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.01.2007
Ort: Kunming Yunnan China
Beiträge: 19
heinzel befindet sich auf einem aufstrebenden Ast
Standard Funktioniert nicht . Aber Danke fuer den schnellen Loesungsversuch

ich habs zu dem style.. von der Tabelle hinzugefuegt.
Funktioniert nicht .
Aber trotzdem Danke fuer den super schnellen Loesungsversuch.

Geändert von heinzel (10.01.2007 um 10:17 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 10.01.2007, 10:28
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Code:
table td {
line-height: 0;
}
löst dein Problem.
img ist ein inline-Element. Die Browser stellen -wie für Text, immer etwas Platz zur Verfügung. Such mal im Forum nach baseline oder lies

SELFHTML: Stylesheets / CSS-Eigenschaften / Ausrichtung und Absatzkontrolle

oder

vertical-align: Vertikale Ausrichtung: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Mit dem Nullen der Line-height ist dein Problem aus der Welt.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #5 (permalink)  
Alt 15.01.2007, 12:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.01.2007
Ort: Kunming Yunnan China
Beiträge: 19
heinzel befindet sich auf einem aufstrebenden Ast
Unglücklich Funktioniert bei mir leider wegen Beschriftung nicht

Zitat:
Zitat von andir Beitrag anzeigen
Code:
table td {
line-height: 0;
}
löst dein Problem.
Danke fuer die schnelle Hilfe
und Entschuldigung fuer diese spaete Antwort von mir.
Aber eine Leitungsproblem suedlich von Tiwan bereitet mir, hier in China, viele Probleme.

In meinem Fall funktioniert dein Vorschlag leider nicht.
Ich habe auf meiner Website zusaetzlich die Bilder beschriftet.
Daher mein minimierter Beispielcode ein wenig erweitert:
Code:
<?xml version="1.0" encoding="GB2312" ?>
<!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">
<head> <title>Problem</title></head>
<body>
<table  style=" border-collapse:collapse;border-style:none; padding:0px; border-spacing:0px; margin:0px" >
<!-- "line-height: 0;" -->
 
	<tr>
		<td>
		<div  style="position: relative; left: 0; top: 0">
			<a href="problem.html" title="Culture Business Consulting/Support">

				<img  src="bild1.bmp" alt=""/>
		
			<font color="111111" size=3 id=cb style="position: absolute; left: 5%; top: 10px; text-decoration:none">
			<b>Culture<br> Business<br>Consulting / Support</b></font>
			</a>
		</div>
		</td>
		
	</tr>
	
    <tr >
		<td >
		<img  src="bild2.bmp" alt=""/>
		</td>
	</tr>
</table>
</body>
</html>
Ich weiss es ist kein schoener css/xhtml Stil.
(Ich habe ein paar noch unschoenere Themendiskusionen/Beitraege zu dem Thema css/xhtml Stil hier gelesen).
Aber ich kann es leider noch nicht besser.
Und ein totaler Neuaufbau der Seite ist wegen Zeitmangel keine Loesungsmoeglichkeit.

Ich bin Dankbar fuer jeden praktischen, fuer meine Seite Intercultural Consulting and Trading Ltd.**-* China, Deutschland Germany ...* verwendbaren, Loesungsvorschlag.

Dank vom immer noch verzweifelten,
Dirk
Mit Zitat antworten
  #6 (permalink)  
Alt 15.01.2007, 12:34
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Deine Seite ist für mich gerade nicht erreichbar, deswegen muss ich ein wenig raten.

Sehe ich das richtig, dass das Bild lediglich als Hintergrund für eine Art Navigation dienen soll?

Warum setzt Du dann a nicht als display:block und weist das Bild im CSS als Hintergrund zu?
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #7 (permalink)  
Alt 16.01.2007, 06:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.01.2007
Ort: Kunming Yunnan China
Beiträge: 19
heinzel befindet sich auf einem aufstrebenden Ast
Standard

Das Bild(und die Tabelle) ist Hintergrund fuer den Link und ist auch wichtiger Bestandteil fuer die Aufteilung der gesamtenSeite. Es soll sich beim Vergroessern und Verkleinern des Fensters dem Tabellenfeld anpassen.
Am liebsten haette ich es in der Hoehe und in der Breite. Soll aber erst mit der naechsten css Version funktionieren.
Beim Erstellen der Seite kannte ich nur html.

Meine Seite ist nicht erreichbar!
Liegt es an meiner Seite?

display:block kannte ich bis jetzt nicht.
Hast du es mit meinem minimierten Code ausprobiert?

Danke fuer den Tip,
Dirk

PS
"xhtml strict" sollte bleiben bin aber inzwische bereit es zu opfern
Mit Zitat antworten
  #8 (permalink)  
Alt 16.01.2007, 12:08
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Erreichbarkeit: Der zentrale Router im Haus hatte seine Probleme gestern

Bist Du sicher, dass Du das soo umsetzen willst
Das wird eine heftige Aufgabe - kein "Kästchen"gleicht dem anderen und dann auch noch skaliert - bei meinen 1280x1024 verzerrt das bereits ordentlich,es pixelt ziemlich jemand der einen Laptop an ~1400, ~1600 oder gar ~1900 Pixelbreite betreibt ( diese widescreenTeile), bekommt ein Haus zu sehen wie es nach dem Drauftreten durch einen Riesen aussehen könnte.


Hintergrundbilder kannst Du per css derzeit noch nicht skalieren, das kommt erst später, also muss man das wie Du es gerade machst, per <img> einbinden, was wiederum dafür sorgt, dass das mit dem Text nicht so hinhaut

Die Probleme des Skalierens sind ja jetzt bekannt. Die Dateigröße der Seite wird nicht gering sein mit so vielen Bildern - hat man den in China einen Breitbandzugang oder wenigstens die Zielgruppe?

Wenn Dir die Hausmetapher so gut gefällt... hm, keine Alternativen überlegt?
Zum Beispiel eine andere Hintergrundfarbe? Das Türkis ist so 1996.....
Vielleicht eher ein dunkleres Himmelblau mit Farbverlauf ins Helle oder Dunkle ( Hintergrundfarbe + Hintergrundbild body) oder ein warmes Rot ( wenn das in China nicht eine negative Bedeutung hat)

Ohne in den Code zu gucken nehme ich an, dass ein Tabelle im Hintergrund liegt welche die Bildchen zusammensetzt/verwaltet und der Text darübergelegt ist. Das haut natürlich nicht hundertprozentig hin.

Eine brauchbare "Zwischenlösung" mit einem konstruktiven Mix aus Tabellen. CSS und divs sehe ich da nicht wirklich mit dieser Gestaltung. Am Ende dieses Posts folgt eine Lösung mit CSS, die mit dieser einfachen Aufgabe funktioniert, allerdings, ohne dass die Hintergrundbilder mitskalieren, damit: ausgeschieden.

Wegen deines Zeitmangels schlage ich vor, einfach die alte Seite leicht aufzuhübschen, CSS zu lernen, Tabellen fürs Layouten aus dem Fenster zu schmeissen und in aller Ruhe neu zu coden.

Alles andere ist bruchstückhaft. Fürs Coden mit XHTML und CSS muss man sich von eigenen Gewohnheiten trennen, nicht in Tabellen und deren Verhalten denken ( alles 100% Höhe und Breite z.B. - muss das wirklich sein?, das Haus über die ganze Seite...) und so weiter und so weiter.

Interessante CSS-Designs ( auf dem gleichen Quellcode basierend) finden sich z.B. unter csszengarden.com.
Interessante Artikel zum Webdesign finden sich auf alistapart.com, digital-web.com, thinkvitamin.com ( dürfte zu früh sein).
Viele verschiedene Ideen zur Neugestaltung einer Seite finden sich, wenn man browsershots.org ansurft und sich dort die letzten Tests der User ansieht.

CSS-Templates finden sich bei der Suchmaschine deines Vertrauens, obwohl die auch nicht immer das Gelbe vom Ei sind.

Fazit dieses sehr langen Posts: Im derzeitigen Stadium sind halbe Sachen nichts Ganzes. Finger weg vom Gefrickel, alte Seite noch ein bisschen durchziehen und im Hintergrund lieber ganz neu anfangen.


Code:
<?xml version="1.0" encoding="GB2312" ?>
<!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">
<head> <title>Problem</title>
<style type="text/css">
<!--

td {
width: 6em;
height: auto;
display: block;
background: url(bild.gif);
}
td div a {
color: white;
}

//-->
</style>


</head>
<body>
<table summary="Irgendwas" style=" border-collapse:collapse;border-style:none; padding:0px; border-spacing:0px; margin:0px" >
<!-- "line-height: 0;" -->
 
	<tr>
		<td>
				<!-- <img  src="bild.gif" alt=""/> -->
            <a href="problem.html" title="Culture Business Consulting/Support">
              		
		    		
			<b>Culture<br /> Business<br />Consulting / Support</b>
			</a>
				</td>
		
	</tr>
	
    <tr >
		<td >
		<!-- <img  src="bild.gif" alt=""/> --><span>Zweites td im Code, R&auml;nder fallen zusammen</span>
		</td>
	</tr>
</table>

</body>
</html>
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #9 (permalink)  
Alt 17.01.2007, 11:47
Benutzerbild von LineMan
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 09.08.2006
Ort: Mülheim an der Ruhr
Beiträge: 211
LineMan befindet sich auf einem aufstrebenden Ast
Standard

ansonsten ist das vielleicht auch ein thema für dich

Images, Tables, and Mysterious Gaps - MDC
__________________
Mein Bug, Dein Bug, Bugs sind für uns alle da...
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 18.01.2007, 05:35
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.01.2007
Ort: Kunming Yunnan China
Beiträge: 19
heinzel befindet sich auf einem aufstrebenden Ast
Lächeln Es funktioniert! LineMan ist mein Held !

Es funktioniert,

Ich musste nur
<style type="text/css">
td img {display: block;}
</style>
oder <style type="text/css">
img {display: block;}
</style>
(den Unterschied muss ich noch herausfinden)

einfuegen und es funktioniert.
Die Zwischenraume sind weg.

LineMan ist Suuuper!!!!
Images, Tables, and Mysterious Gaps - MDC
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
XHTML 1.0 vs. XHTML 1.1 redplug (X)HTML 9 04.12.2009 13:37
XHTML WWW und XHTML 1.1 MP / WAP2.0 prosac257 (X)HTML 4 23.10.2006 01:18
XHTML 1.1 oder XHTML 1.0 strict verwenden laborix (X)HTML 2 11.12.2005 21:10
XHTML 1.1 "muss" als xml+xhtml verschickt / Diskus Boris (X)HTML 9 21.04.2005 17:08
noch mal xhtml Broken CSS 13 03.08.2003 22:56


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:20 Uhr.