Grafiklinks ohne Umrandun nebeneinander?

[blubbandi]

Hi.
Ich habe ein ziemlich blödes Problem bei der Gestaltung eines neuen Designs meiner Homepage.
Ich schildere es euch mal:

Ich möchte eine ähnliche Navileiste wie auf der Seite http://www.socordia.de erstellen, das heisst sie soll senkrecht sein und die Grafiken sollen perfekt aneinander passen ohne eine Umrandung oder einen Abstand. Ich habe mich nun auch mal dran gemacht und Grafiken für die verschiedenen Navivagtionen gemacht und habe es auch einfach mal so auf ne HTML Seite gepackt. Jetzt habe ich aber das Problem das um die Grafiken die auf eine andere Seite linken eine lila Umrandung haben. Ich habe es schon mit border="0" versucht aber dann passiert halt immer dieser Abstand zwischen den Grafiken. Ich möchte das sie perfekt aneinander passen.
Hoffentlich habt ihr mich soweit verstanden. Bitte helft mir!

 

[Thomas Lindner]

Poste/Paste bitte mal auszugsweise oder komplett den "Source"Code oder gib uns einen Link um das Problemkind zu betrachten....

 

[ezelda]

setz die tags mal so:

<table border="0" cellpadding="0" cellspacing="0" >
  <tr>
    <td>bild</td>
  </tr>
</table>

gruß ezelda

p.s. ausserdem wär es sinnvoll wenn du deinen Code mal posten würdest! Danke

 

[GoLLuM]

ihc glaube was du suchst hängt mit den bildern zusammen. denn normalerweise hat eine grafik immer eine border.
aber:

ch habe es schon mit border="0" versucht aber dann passiert halt immer dieser Abstand zwischen den Grafiken.

diesen satz versteh ich nich. der abstand "passiert" ? was soll das heißen?

also: entweder du machst border=0 oder du machst die borderfarbe genauso wie deine hintergrundfarbe, dann sollten keine probleme bei der positionierung auftauchen. noch besser aber wäre es, wennde deine menü-bilder genau richtig sliced, sodass sie genau in ein tabellen-layout passen.

 

[blubbandi]

Es tut mir Leid das ich ihnen den Code bzw. ein Beispielbild nicht zur Verfügung gestellt habe. Werde ich jetzt immer machen.
Hier ist es: http://www.my-andi.de/b.html

Den Code können sie sich ja von der Page holen!

Ich möchte das die unteren drei Grafiken quasi ineinander übergehen also ohne Unterbechung durch den Hintergurnd. Ich möchte auch keine Umrandung haben wenn man die Grafik schon einmal angeklickt hat!

 

[ezelda]

Du solltest mal zusehen, dass die Grafiken auch die gleiche größe haben.
Ich würds so machen:

<table align="center" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="navi_begin.gif"></td>
    <td><a href="http://www.my-andi.de/andi/news.php"><img src="news.gif"></a></td>
    <td><a href="http://www.my-andi.de/andi/about_me.php"><img src="about_me.gif"></a></td>
  </tr>
  <tr>
    <td><img src="navi_begin.gif"></td>
    <td><a href="http://www.phillcity.de/pc/pwords.php?PHPSESSID=a85e0f2a97698edfaed1b64bc1f0313a"><img src="about_me.gif" border="0"></a></td>
    <td><a href="http://www.phillcity.de/pc/pwords.php?PHPSESSID=a85e0f2a97698edfaed1b64bc1f0313a"><img src="news.gif" border="0"></a></td>
  </tr>
</table>

-
was meinst du mit umrandung nach dem Anklicken? Vielleicht den gepunkteten Rand BEIM draufklicken

geht so weg:

<a href="http://www.url.de" onfocus="this.blur()">link</a>

 

[Thomas Lindner]

Original:

<center>
<img src="navi_begin.gif">
<a href="http://www.my-andi.de/andi/news.php""><img src="news.gif"></a>
<a href="http://www.my-andi.de/andi/about_me.php"><img src="about_me.gif"></a><br>
<img src="navi_begin.gif">
<tr><td><a href="http://www.phillcity.de/pc/pwords.php?PHPSESSID=a85e0f2a97698edfaed1b64bc1f0313a"><img src="about_me.gif" border="0"></a></td></tr>
<tr><td><a href="http://www.phillcity.de/pc/pwords.php?PHPSESSID=a85e0f2a97698edfaed1b64bc1f0313a"><img src="news.gif" border="0"></a></td></tr>
</center>

geändert:

<center>
<img src="navi_begin.gif">
<a href="http://www.my-andi.de/andi/news.php""><img src="news.gif"  border="0"></a>
<a href="http://www.my-andi.de/andi/about_me.php"><img src="about_me.gif"  border="0"></a><br>
<img src="navi_begin.gif">
<tr><td><a href="http://www.phillcity.de/pc/pwords.php?PHPSESSID=a85e0f2a97698edfaed1b64bc1f0313a"><img src="about_me.gif" border="0"  border="0"></a></td></tr>
<tr><td><a href="http://www.phillcity.de/pc/pwords.php?PHPSESSID=a85e0f2a97698edfaed1b64bc1f0313a"><img src="news.gif" border="0"  border="0"></a></td></tr>
</center>

Soweit erstmal!

Auch an deiner halben Tabele solltest Du noch arbeiten, die gehör in etwa so (Beispiel):

<table cellspacing="0" cellpadding="0">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>

 

[blubbandi]

Danke!

Auf Euch kann man sich verlassen!