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

Probleme bei Grafiken in versch. Browsern

Status
Für weitere Antworten geschlossen.
V

varda_bremen

Neues Mitglied
Hallo Allerseits!

Vorab muss ich anmerken dass ich in HTML ein Anfänger bin und die Homepage meines Ortsvereins neu gestalten soll.
Soweit klappt eigentlich alles ganz gut, ich bin recht zufrieden, nur eine Sache funktioniert einfach nicht und ich kann mir mit meiner laienhaften Erfahrung nicht erklären warum!

Ich habe in einer Tabelle in verschiedenen Zellen Grafiken eingefügt, die als Menübuttons fungieen sollen. In Safari und Opera sieht alles TOP aus und ist genau so, wie ichs mir vorstelle! Im FIREFOX und IE sieht man die Buttons jedoch entweder GAR nicht oder nur einen roten Streifen (!?).

Hier mal ein Beispiel:

<td width="125" height="25" background="bHome.jpg"><a href="home.html"><img src="bHome.jpg"/ title="Home" alt="Home" border="0"></a></td>
Zum Vergrößern anklicken....

Abgesehen davon, wird die Kopfgrafik (im IE und Firefox) auch nicht angezeigt. Die anderen Grafiken funktionieren gut.

Wäre suuuuuper toll wenn mir jemand sagen könnte worans liegt!

Vielen Dank schon mal im Vorraus!!! :smile:
 
Wäre suuuuper, wenn Du einen Link anbieten könntest.

Tipp: Ein Menü baut man für gewöhnlich aus einer Liste (<ul>), nicht aus einer Tabelle. Tabellen dienen zum Auszeichnen tabellarischer Daten. Und bei Menüs, die aus Grafiken bestehen, sollte man darauf achten, dass das Menü trotzdem benutzbar ist, wenn im Client keine Images dargestellt werden.

Gruß,
-Efchen
 
In dem Code-Schnippsel ist zumindest ein "/" zuviel enthalten. Hier:

Code: 
src="bHome.jpg"/

Nehme an, dass der restliche Code ebenso fehlerhaft ist. Das führt dann natürlich durchaus zu Anzeigefehlern.
 
Hallo!
Danke für die Tipps, allerdings sollen die Menüpunkte nicht untereinander stehen wie in eienr Liste, sondern horizontal nebeneinander. Daher die Tabelle.

Und wenn ich die / entferne, dann funktioniert es trotzdem noch nicht.

Hier mal der ganze teil als Code:

<tr>
<td width="125" height="25">
<a href="home.html"><img src="bHome.jpg" title="Home" alt="Home" border="0" width="125"></a>
</td>


<td width="4" height="25">
<img src="luecke.jpg" width="4">
</td>


<td width="125" height="25">
<a href="vorstand.html"><img src="bVorstand.jpg" border="0" title="Vorstand" alt="Vorstand" width="125"></a>
</td>

<td width="4" height="25">
<img src="luecke.jpg" width="4">
</td>


<td width="125" height="25">
<a href="deligierte.html"><img src="bDeligierte.jpg" / border="0" title="Die Deligierten des OV" alt="Deligierte" width="125"> </a>
</td>

<td width="4" height="25">
<img src="luecke.jpg" width="4">
</td>


<td width="125" height="25">
<a href="beirat.html"><img src="bBeirat.jpg" / title="Beiratsmitglieder im OV" alt="Beiratsmitglieder" border="0" width="125"></a>
</td>


<td width="4" height="25">
<img src="luecke.jpg" width="4">
</td>


<td width="125" height="25">
<a href="termine.html"><img src="bTermine.jpg" title="Termine" border="0" alt="Termine" width="125"></a>
</td>

<td width="4" height="25">
<img src="luecke.jpg" width="4">
</td>


<td width="125" height="25">
<a href="links.html"><img src="bLinks.jpg" / border="0" alt="Links" title="Links" width="125"></a>
</td>


<td width="4" height="25">
<img src="luecke.jpg" width="4">
</td>


<td width="126" height="25">
<a href="impressum.html"><img src="bImpressum.jpg" / border="0" alt="Impressum" title="Impressum" width="126"></a>
</td>

</tr>
Zum Vergrößern anklicken....
So siehts in Safari aus: (und so solls auch sein!)

1280_3833333731383632.jpg


Und so im Firefox und IE:

1280_3030333636626266.jpg


Das Logo, der graue Balken und das Menü wird also nicht bzw. nicht richtig angezeigt. WARUM????? :)

P.s. Ich arbeite an einem Mac, aber daran wirds nicht liegen, oder??

Lieben Gruß
 
varda_bremen schrieb:
Hallo!
Danke für die Tipps, allerdings sollen die Menüpunkte nicht untereinander stehen wie in eienr Liste, sondern horizontal nebeneinander. Daher die Tabelle.
Zum Vergrößern anklicken....

Das ist keine Begründung. Auch Listenpunkte können nebeneinander stehen. Verwende dafür CSS.

Die fehlerhaften "/" sind in deinem img-Tags immernoch enthalten. Leider kenne ich auch weiterhin nicht den gesamten Quellcode um beurteilen zu können was das Problem ist. Eine Tabelle ist schonmal ein kleines Problem.
 
und wie kriege ich das hin, dass die listenpukte nebeneinander stehen?
und an dem slash liegts jaohl nicht, funktioniert weder mit noch ohne :(
 
@ threadi: danke der zweite link hat mir viel geholfen.

Trotzdem hab ja immernoch keine Lösung des Problems? Ist es wirklich so schwierig? Ich hätte gedacht, hier könnte mir jemand helfen. Ich poste mal meinen gesamten code, vielleicht hilft das mehr.

(ich bitte darüber hinweg zu sehen, dass das was ich hier zeige Anfänger Kram ist, aber ich kanns halt nicht besser ;-) )

hier der link: Homepage des OV Schwachhausen West | Politik in Bremen

Also: Warum werden einige Grafiken angezeigt (Bild mit den Booten, Links auf der rechten Seite etc.) und manche nicht???? (SPD Banner, grauer zwischenbalken usw.)

LG
 
möchte eventuell daran liegen, das einige deiner grafiken fehlerhaft sind.
das sagt mir zumindest der ff, wenn ich sie aufrufen möchte.
 
Moin,

Dein header.jpg ist eine HTML-Seite! Wie soll das als Image angezeigt werden!?

-Efchen
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben