HTML -> Bilder in einer Tabelle

Übersicht

Ressourcen

Grafik & Design

	Darren Betreff: HTML -> Bilder in einer Tabelle	Do, Mai 11, 2006 21:35 Antworten mit Zitat
Hallo Liebe Leute! Ich habe mal wieder ein Problem mit HTML. Testet dochmal die folgende Seite und sagt mir, ob bei euch auch einige Zeilen der Tabelle links und rechts zu lang sind. http://www.darren-sharm-developing.de.vu Wenn ja könnt ihr mir vlt auch sagen, warum das so ist? Desweiteren habe ich noch das Problem, dass bei FF Lücken zwischen den Zeilen sind. Bei IE nicht. Ich hab mir solche Mühe gegeben und weiß jetzt nichtmehr weiter  By Seb
MFG Darren

Darren

Betreff: HTML -> Bilder in einer Tabelle

Do, Mai 11, 2006 21:35
Antworten mit Zitat

Hallo Liebe Leute!

Ich habe mal wieder ein Problem mit HTML.

Testet dochmal die folgende Seite und sagt mir, ob bei euch auch einige Zeilen der Tabelle links und rechts zu lang sind.

http://www.darren-sharm-developing.de.vu

Wenn ja könnt ihr mir vlt auch sagen, warum das so ist? Desweiteren habe ich noch das Problem, dass bei FF Lücken zwischen den Zeilen sind. Bei IE nicht.

Ich hab mir solche Mühe gegeben und weiß jetzt nichtmehr weiter 
By Seb

MFG Darren

	sirokuhl	Do, Mai 11, 2006 22:21 Antworten mit Zitat
jo, bei mir isses verschoben wegen den lücken im table einfach cellpadding="0" und cellspacing="0" einbauen das ist dann der abstand vom rand zum inhalt und der abstand zwischen zwei zellen.

sirokuhl

Do, Mai 11, 2006 22:21
Antworten mit Zitat

jo, bei mir isses verschoben
wegen den lücken
im table einfach cellpadding="0" und cellspacing="0" einbauen
das ist dann der abstand vom rand zum inhalt und der abstand zwischen zwei zellen.

	Darren	Fr, Mai 12, 2006 13:51 Antworten mit Zitat
Deine Tips bringen mir wenig, weil ich das schon habe. Aber wie sieht es jetzt mit der Ausrichtung der Zeilen aus? Bestimmte Zeilen müssen ja gestreckt oder sowas sein. Ich hab in einigen Zeilen "colspan" verwendet, um nicht so viele Bilderteile machen zu müssen. Kann es daran liegen?
MFG Darren

Darren

Fr, Mai 12, 2006 13:51
Antworten mit Zitat

Deine Tips bringen mir wenig, weil ich das schon habe.

Aber wie sieht es jetzt mit der Ausrichtung der Zeilen aus? Bestimmte Zeilen müssen ja gestreckt oder sowas sein.

Ich hab in einigen Zeilen "colspan" verwendet, um nicht so viele Bilderteile machen zu müssen. Kann es daran liegen?

MFG Darren

	Cardonic	Fr, Mai 12, 2006 19:16 Antworten mit Zitat
Hi Mir ist aufgefallen, dass im HTML-Code folgendes steht: Code: [AUSKLAPPEN] [EINKLAPPEN] border=0 cellpadding=-10 cellspacing=-10 rules=none Eigentlich müssten die Werte der CSS-Eigenschaften in Anführungszeichen stehen und ich denke, dass von negativen Werten abzuraten ist: Code: [AUSKLAPPEN] [EINKLAPPEN] border="0" cellpadding="0" cellspacing="0" rules="none" Ich habe keine Ahnung, ob es an dem liegt oder nicht; ich hoffe aber, dass es dir helfen kann mfg Cardonic [edit] PS: Ich würde Framesets, wenn es möglich ist, meiden. [/edit]
If you should go skating on the thin ice of modern life, dragging behind you the silent reproach of a million tear-stained eyes, don't be surprised when a crack in the ice appears under your feet.

Cardonic

Fr, Mai 12, 2006 19:16
Antworten mit Zitat

Hi

Mir ist aufgefallen, dass im HTML-Code folgendes steht:
Code: [AUSKLAPPEN]

border=0 cellpadding=-10 cellspacing=-10 rules=none

Eigentlich müssten die Werte der CSS-Eigenschaften in Anführungszeichen stehen und ich denke, dass von negativen Werten abzuraten ist:
Code: [AUSKLAPPEN]

border="0" cellpadding="0" cellspacing="0" rules="none"

Ich habe keine Ahnung, ob es an dem liegt oder nicht; ich hoffe aber, dass es dir helfen kann

mfg Cardonic

[edit] PS: Ich würde Framesets, wenn es möglich ist, meiden. [/edit]

If you should go skating on the thin ice of modern life, dragging behind you the silent reproach of a million tear-stained eyes, don't be surprised when a crack in the ice appears under your feet.

	Darren	So, Mai 14, 2006 19:06 Antworten mit Zitat
Bringt beides nichts. Weiß keiner von denen die Ahnung haben Rat?
MFG Darren

Darren

So, Mai 14, 2006 19:06
Antworten mit Zitat

Bringt beides nichts. Weiß keiner von denen die Ahnung haben Rat? Crying or Very sad

MFG Darren

	aMul Sieger des Minimalist Compo 01/13	So, Mai 14, 2006 19:17 Antworten mit Zitat
Folgendes sollte helfen: Code: [AUSKLAPPEN] [EINKLAPPEN] <body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0"> MfG EDIT: Kleine Frage: Mit welchem Program schreibst du deine Html-Seiten? (Ich benutze Phase5)
Panic Pong - ultimate action mashup of Pong and Breakout <= aktives Spiele-Projekt, Downloads mit vielen bunten Farben! advASCIIdraw - the advanced ASCII art program <= aktives nicht-Spiele-Projekt, must-have für ASCII/roguelike/dungeon-crawler fans! Alter BB-Kram: ThroughTheAsteroidBelt - mit Quelltext! \| RGB-Palette in 32²-Textur / Farbige Beleuchtung mit Dot3 \| Stereoskopie in Blitz3D \| Teleport-Animation Screensaver

aMul

Sieger des Minimalist Compo 01/13

So, Mai 14, 2006 19:17
Antworten mit Zitat

Folgendes sollte helfen:
Code: [AUSKLAPPEN]

MfG

EDIT:
Kleine Frage: Mit welchem Program schreibst du deine Html-Seiten?
(Ich benutze Phase5)

Panic Pong - ultimate action mashup of Pong and Breakout <= aktives Spiele-Projekt, Downloads mit vielen bunten Farben!
advASCIIdraw - the advanced ASCII art program <= aktives nicht-Spiele-Projekt, must-have für ASCII/roguelike/dungeon-crawler fans!
Alter BB-Kram: ThroughTheAsteroidBelt - mit Quelltext! | RGB-Palette in 32²-Textur / Farbige Beleuchtung mit Dot3 | Stereoskopie in Blitz3D | Teleport-Animation Screensaver

	Darren	So, Mai 14, 2006 20:37 Antworten mit Zitat
funzt auch nicht. Schaut es euch oben an. So sieht es nach aMul's tip aus. Ich nutze HTML Studio.
MFG Darren

Darren

So, Mai 14, 2006 20:37
Antworten mit Zitat

funzt auch nicht. Schaut es euch oben an. So sieht es nach aMul's tip aus.

Ich nutze HTML Studio.

MFG Darren

	Schnuff	So, Mai 14, 2006 21:27 Antworten mit Zitat
wenn du nicht weiter weißt: http://www.html.de hm, aber sonst könnte ich nur raten, das irgentwelche Grafiken zu groß sind!
Programmers dont die. They gosub without return...

Schnuff

So, Mai 14, 2006 21:27
Antworten mit Zitat

wenn du nicht weiter weißt:
http://www.html.de

hm, aber sonst könnte ich nur raten, das irgentwelche Grafiken zu groß sind!

Programmers dont die. They gosub without return...

	Darren	So, Mai 14, 2006 22:27 Antworten mit Zitat
Schnuff hatte Recht! Hab die Grafiken jetzt richtig gestreckt. Aber bei FF bleiben die Lücken zwischen den Zeilen immernoch.
MFG Darren

Darren

So, Mai 14, 2006 22:27
Antworten mit Zitat

Schnuff hatte Recht! Hab die Grafiken jetzt richtig gestreckt.

Aber bei FF bleiben die Lücken zwischen den Zeilen immernoch.

MFG Darren

	Cardonic	So, Mai 14, 2006 22:40 Antworten mit Zitat
Hi Es könnte daran liegen, dass du die <a>-Tags der Links nicht geschlossen hast: Code: [AUSKLAPPEN] [EINKLAPPEN] <td><a href="home.html" target="frame"><img src="gfx/home_in.jpg" border="0"></td> Es müsste stehen: Code: [AUSKLAPPEN] [EINKLAPPEN] <td><a href="home.html" target="frame"><img src="gfx/home_in.jpg" border="0"></a></td> Ich hoffe, dass ich diesmal eine Hilfe war mfg Cardonic [edit] und benutze im title-Tag anstatt "<" und ">" "<" udn ">" [/edit]
If you should go skating on the thin ice of modern life, dragging behind you the silent reproach of a million tear-stained eyes, don't be surprised when a crack in the ice appears under your feet.

Cardonic

So, Mai 14, 2006 22:40
Antworten mit Zitat

Hi

Es könnte daran liegen, dass du die <a>-Tags der Links nicht geschlossen hast:
Code: [AUSKLAPPEN]

Es müsste stehen:
Code: [AUSKLAPPEN]

Ich hoffe, dass ich diesmal eine Hilfe war Confused

mfg Cardonic

[edit] und benutze im title-Tag anstatt "<" und ">" "<" udn ">" [/edit]

If you should go skating on the thin ice of modern life, dragging behind you the silent reproach of a million tear-stained eyes, don't be surprised when a crack in the ice appears under your feet.

	Triton	So, Mai 14, 2006 23:08 Antworten mit Zitat
habe unschöne Lücken:
Coding: silizium-net.de \| Portfolio: Triton.ch.vu

Triton

So, Mai 14, 2006 23:08
Antworten mit Zitat

habe unschöne Lücken:

user posted image

Coding: silizium-net.de | Portfolio: Triton.ch.vu

	aMul Sieger des Minimalist Compo 01/13	So, Mai 14, 2006 23:46 Antworten mit Zitat
Bin mir nicht sicher, aber vieleicht gehts mit: Code: [AUSKLAPPEN] [EINKLAPPEN] <img hspace="0" vspace="0"> Wenn das nicht klappt, könntest du die Bilder/Buttons auch mit "background" in die td/tr-Tags einfügen, allerdings weis ich nciht, wie man das dann mit den links machen könnte MfG EDIT: Ausserdem solltest du bei <img> immer die größe das Bildes mit angeben(height/width).
Panic Pong - ultimate action mashup of Pong and Breakout <= aktives Spiele-Projekt, Downloads mit vielen bunten Farben! advASCIIdraw - the advanced ASCII art program <= aktives nicht-Spiele-Projekt, must-have für ASCII/roguelike/dungeon-crawler fans! Alter BB-Kram: ThroughTheAsteroidBelt - mit Quelltext! \| RGB-Palette in 32²-Textur / Farbige Beleuchtung mit Dot3 \| Stereoskopie in Blitz3D \| Teleport-Animation Screensaver

aMul

Sieger des Minimalist Compo 01/13

So, Mai 14, 2006 23:46
Antworten mit Zitat

Bin mir nicht sicher, aber vieleicht gehts mit:
Code: [AUSKLAPPEN]

Wenn das nicht klappt, könntest du die Bilder/Buttons auch mit "background" in die td/tr-Tags einfügen, allerdings weis ich nciht, wie man das dann mit den links machen könnte Confused

MfG

EDIT:
Ausserdem solltest du bei <img> immer die größe das Bildes mit angeben(height/width).

	Darren	Mo, Mai 15, 2006 13:56 Antworten mit Zitat
Cardonic hat Folgendes geschrieben: Hi Es könnte daran liegen, dass du die <a>-Tags der Links nicht geschlossen hast: Code: [AUSKLAPPEN] [EINKLAPPEN] <td><a href="home.html" target="frame"><img src="gfx/home_in.jpg" border="0"></td> Es müsste stehen: Code: [AUSKLAPPEN] [EINKLAPPEN] <td><a href="home.html" target="frame"><img src="gfx/home_in.jpg" border="0"></a></td> Ich hoffe, dass ich diesmal eine Hilfe war mfg Cardonic [edit] und benutze im title-Tag anstatt "<" und ">" "<" udn ">" [/edit] Das kann agrnicht funzen, weil ich ja in anderen Zeilen auch Lücken habe. @Triton: Genau diese versuche ich ja zu entfernen. aMul hat Folgendes geschrieben: Bin mir nicht sicher, aber vieleicht gehts mit: Code: <img hspace="0" vspace="0"> Wenn das nicht klappt, könntest du die Bilder/Buttons auch mit "background" in die td/tr-Tags einfügen, allerdings weis ich nciht, wie man das dann mit den links machen könnte Confused MfG EDIT: Ausserdem solltest du bei <img> immer die größe das Bildes mit angeben(height/width). Wozu Größe angeben? Die Bilder werden doch generell in der originalen Größe angezeigt. Deine Abstandsangaben bringen auch nichts. Ich wundere mich, warum der IE alles richtig anzeigt.
MFG Darren

Darren

Mo, Mai 15, 2006 13:56
Antworten mit Zitat

Cardonic hat Folgendes geschrieben:

Hi

Es könnte daran liegen, dass du die <a>-Tags der Links nicht geschlossen hast:
Code: [AUSKLAPPEN]

Es müsste stehen:
Code: [AUSKLAPPEN]

Ich hoffe, dass ich diesmal eine Hilfe war Confused

mfg Cardonic

[edit] und benutze im title-Tag anstatt "<" und ">" "<" udn ">" [/edit]

Das kann agrnicht funzen, weil ich ja in anderen Zeilen auch Lücken habe.

@Triton: Genau diese versuche ich ja zu entfernen.

aMul hat Folgendes geschrieben:

Bin mir nicht sicher, aber vieleicht gehts mit:
Code:
<img hspace="0" vspace="0">

Wenn das nicht klappt, könntest du die Bilder/Buttons auch mit "background" in die td/tr-Tags einfügen, allerdings weis ich nciht, wie man das dann mit den links machen könnte Confused

MfG

EDIT:
Ausserdem solltest du bei <img> immer die größe das Bildes mit angeben(height/width).

Wozu Größe angeben? Die Bilder werden doch generell in der originalen Größe angezeigt. Deine Abstandsangaben bringen auch nichts. Ich wundere mich, warum der IE alles richtig anzeigt.

MFG Darren

	Christoph	Mo, Mai 15, 2006 14:40 Antworten mit Zitat
Das mit der Größe würde zwar nicht dein Problem lösen, aber es hat den Vorteil, dass (zumindest die meisten) Browser, wenn sie das Bild nicht laden können einen Platzhalter mit dieser Angabe machen. D.h. das Layout deines HTML Dokuments bleibt erhalten. Wenn du die Größe nicht angibst weiß der Browser nicht wie groß das Bild ist, was bedeuted das er einfach ein 10*10 großes "Ich-konnte-das-Bild-nicht-finden"-Symbol anzeigt.

Christoph

Mo, Mai 15, 2006 14:40
Antworten mit Zitat

Das mit der Größe würde zwar nicht dein Problem lösen, aber es hat den Vorteil, dass
(zumindest die meisten) Browser, wenn sie das Bild nicht laden können
einen Platzhalter mit dieser Angabe machen.
D.h. das Layout deines HTML Dokuments bleibt erhalten.
Wenn du die Größe nicht angibst weiß der Browser nicht wie groß das
Bild ist, was bedeuted das er einfach ein
10*10 großes "Ich-konnte-das-Bild-nicht-finden"-Symbol anzeigt. Idea

	Darren	Mo, Mai 15, 2006 17:54 Antworten mit Zitat
ah okay Christoph. Danke für die Erklärung! Schaut es euch oben an. Kritik ist immer willkommen, solange sie gut ist
MFG Darren

Darren

Mo, Mai 15, 2006 17:54
Antworten mit Zitat

ah okay Christoph. Danke für die Erklärung! Schaut es euch oben an. Kritik ist immer willkommen, solange sie gut ist Laughing

MFG Darren

	Hagbard	Mo, Mai 15, 2006 18:18 Antworten mit Zitat
Ja, kleine Kritik: Ich empfehle eine andere Schriftart bei deinem normalen Text. Also z.B. Arial, Verdana oder solch eine ohne Seriphen, damit es bei kleinerer Schrift leichter ist zum Lesen.

Hagbard

Mo, Mai 15, 2006 18:18
Antworten mit Zitat

Ja, kleine Kritik:

Ich empfehle eine andere Schriftart bei deinem normalen Text.
Also z.B. Arial, Verdana oder solch eine ohne Seriphen, damit es bei kleinerer Schrift leichter ist zum Lesen.

	5k41	Mo, Mai 15, 2006 18:22 Antworten mit Zitat
bei mir fehlt rechts ein rand und ich würde dir doch sehr ans herz legen keine frames sondern ein PhP linking zu verwenden. Geht schneller, du wirst bei google leichter gefungen und links öffnen sich nicht in deiner seite, aber das ist ja deine sache! MfG
Projekte: For a better World - Gesellschaftsspiel ( 100%) User posted image

5k41

Mo, Mai 15, 2006 18:22
Antworten mit Zitat

bei mir fehlt rechts ein rand und ich würde dir doch sehr ans herz legen keine frames sondern ein PhP linking zu verwenden. Geht schneller, du wirst bei google leichter gefungen und links öffnen sich nicht in deiner seite, aber das ist ja deine sache!

MfG

Projekte:
For a better World - Gesellschaftsspiel ( 100%)

User posted image

	Darren	Mo, Mai 15, 2006 20:04 Antworten mit Zitat
Holzchopf hat Folgendes geschrieben: Vier Sachen: 1. Nettes Layout! 2. Design find ich aber zu düster 3. index.htm : Code: [AUSKLAPPEN] [EINKLAPPEN] <th colspan="8"><img src="index_data/mitte.jpg" width="806"></th> ersetzen durch Code: [AUSKLAPPEN] [EINKLAPPEN] <th colspan="8"><img src="index_data/mitte.jpg" width="806" height="22"></th> 4. styles.css : Code: [AUSKLAPPEN] [EINKLAPPEN] img{ display: block; } iframe img{ display: inline; } anhängen. Firefox scheint nämlich Inline-Elemente (wie Bilder standardmässig) in Links irgendwie zu verunstalten... MfG Warum nicht gleich so? Antwort kam in Inaries Forum gleich als erste Antwort:P Der Rest ist auch behoben. Bis auf die Schriftart. Ich kann sie lesen und wer nicht, der ist blind
MFG Darren

Darren

Mo, Mai 15, 2006 20:04
Antworten mit Zitat

Holzchopf hat Folgendes geschrieben:

Vier Sachen:

1. Nettes Layout!
2. Design find ich aber zu düster Sad

3. index.htm :
Code: [AUSKLAPPEN]

ersetzen durch
Code: [AUSKLAPPEN]

4. styles.css :
Code: [AUSKLAPPEN]

img{
display: block;
}
iframe img{
display: inline;
}

anhängen.
Firefox scheint nämlich Inline-Elemente (wie Bilder standardmässig) in Links irgendwie zu verunstalten... Confused

MfG

Warum nicht gleich so? Antwort kam in Inaries Forum gleich als erste Antwort:P

Der Rest ist auch behoben. Bis auf die Schriftart. Ich kann sie lesen und wer nicht, der ist blind Cool

MFG Darren

	Artemis	Mo, Mai 15, 2006 21:23 Antworten mit Zitat
Du solltest aber bei den Links im Bereich Links, alles in http://www.... umbennen. Bisher hast du nur www..... Das Problem kannste dir angucken. Außerdem solltest du das attribut target="_blank" oder "_top" verwenden, damit die links nicht in dem iframe angezeigt werden.

Artemis

Mo, Mai 15, 2006 21:23
Antworten mit Zitat

Du solltest aber bei den Links im Bereich Links, alles in http://www.... umbennen. Bisher hast du nur www..... Das Problem kannste dir angucken.
Außerdem solltest du das attribut target="_blank" oder "_top" verwenden, damit die links nicht in dem iframe angezeigt werden.

	Darren	Di, Mai 16, 2006 19:31 Antworten mit Zitat
Hab jetzt das problem, dass wenn man bei Work auf ein Bild klickt ein viel zu kleines Fenster geöffnet wird. Hier mal der JS-code. Lokal funzt alles. Doch online geht das nicht: Code: [AUSKLAPPEN] [EINKLAPPEN] function showimage (pfad) { bild = new Image(); bild.src = pfad; var breite = bild.width; var hoehe = bild.height; fenster = window.open(bild.src, "Bild", "dependent"); fenster.resizeTo(bild.width+20,bild.height+60); fenster.focus(); }
MFG Darren

Darren

Di, Mai 16, 2006 19:31
Antworten mit Zitat

Hab jetzt das problem, dass wenn man bei Work auf ein Bild klickt ein viel zu kleines Fenster geöffnet wird. Hier mal der JS-code. Lokal funzt alles. Doch online geht das nicht:

Code: [AUSKLAPPEN]

function showimage (pfad) {
bild = new Image();
bild.src = pfad;
var breite = bild.width;
var hoehe = bild.height;
fenster = window.open(bild.src, "Bild", "dependent");
fenster.resizeTo(bild.width+20,bild.height+60);
fenster.focus();
}

MFG Darren

Übersicht

Ressourcen

Grafik & Design

Nach Oben

BlitzBasic Portal

HTML -> Bilder in einer Tabelle

Betreff: HTML -> Bilder in einer Tabelle