Navigation - Lücken zwischen Bilder

Status
Nicht offen für weitere Antworten.
C

crsakawolf

Erfahrenes Mitglied
Hallo alle zusammen,

hab probleme mit der Darstellung der Navi mit Bildern.
und zwar habe ich Lücken dazwischen, welche nicht da sein sollten :(

HTML: 
#page{
         width:876px;
         border-left:2px solid #a8a8a8;
         border-right:2px solid #a8a8a8;
         background-color:#f8f8f8;
}
#navi{
         padding:0px;
         spacing:0px;
         border:0px;
         border-width:0px;
         width:876px;
}
Bitte um dringende Hilfe :/

Danke schonmal. Grüße
 

Anhänge

  • navi.jpg
    navi.jpg
    3,3 KB · Aufrufe: 22
  • navi_ist.jpg
    navi_ist.jpg
    3,8 KB · Aufrufe: 15
  • navi_sol.jpg
    navi_sol.jpg
    3,6 KB · Aufrufe: 15
Zuletzt bearbeitet:
Ich kann auf den Bildern irgendwie keine "Lücken" erkennen :eek:
Von welchen Lücken redest du? Oder, gibts das Bild auch in einer Nummer größer?
 
Okay hat sich erledigt

Code: 
#table_navi_bottom td{
         padding:0px;
         margin:0px;
         display:block;
         border:0px;
}

die spalten mussten nochmal extra gemacht werden -.-
 
Hello :(

habe trotzdem noch das problem :(

Also siehe ist / soll bilder. das ist bild soll aus dem FF und das ist bild ist aus dem IE.

Ich habe alles getestet aber finde den fehler nicht.
LIebe Grüße

HTML: 
<body style="margin:0px;border:0px;padding:0px;"> 

<table align="center" id="body_table" cellspacing="0" cellpadding="0">
	<tr >
		<td>
			<table id="navi" id="header" cellspacing="0" cellpadding="0">
				<tr>
					<td>
						<img src="./design/banner.jpg">
					</td>
				</tr>
			</table>
		</td>	
	</tr>
	<tr> 
		<td> 
			<table cellspacing="0" cellpadding="0"> 
				<tr>
					<td>
						<img src="./design/navi2/navi_links.jpg"/>
					</td>
					<td>
						<img src="./design/navi2/navi_news.jpg"/>
					</td>
					<td>
						<img src="./design/navi2/navi_downloads.jpg"/>
					</td>
					<td>
						<img src="./design/navi2/navi_angebote.jpg"/>
					</td>
					<td>
						<img src="./design/navi2/navi_design.jpg"/>
					</td>
					<td>
						<img src="./design/navi2/navi_code.jpg"/>
					</td>
					<td>
						<img src="./design/navi2/navi_referenzen.jpg"/>
					</td>
					<td>
						<img src="./design/navi2/navi_kontakt.jpg"/>
					</td>
					<td>
						<img src="./design/navi2/navi_rechts.jpg"/>
					</td>
				</tr>
		</td>
	</tr>
.....

HTML: 
body{

         background-color:white;
         margin:0px;
         padding:0px;
		 border:0px;
}
img{
	margin:0px;
	paddin:0px;
	border:0px;
	display:block;
}

/*---------------*/
#body_table{
	width:867px;
	background-color:#F8F8F8;
	border-left:1px solid #a8a8a8;
	border-right:1px solid #a8a8a8;
	border-bottom:1px solid #a8a8a8;
	border:0px;
}

#header{
	margin:0px;
	padding:0px;
	padding-bottom:0px;
	border:0px;
}

#navi{
	width:876px;
	padding:0px;
	padding-top:0px;
	margin:0px;
	border:0px;
	border:0px;
}


Zudem wird mit im IE nichtmal ein border von der body_table angezeigt :(
 

Anhänge

  • soll.jpg
    soll.jpg
    116,2 KB · Aufrufe: 13
  • ist.jpg
    ist.jpg
    125,9 KB · Aufrufe: 16
Hi,

mit deinem zuletzt gezeigten Quellcode zeigt der IE bei mir keine Lücke zwischen der Header- und den Navigationsgrafiken an.

Dennoch solltest du das doppelt vorhandene id-Attribut in der zweiten Tabelle mit dem ID-Bezeichner navi sinnigerweise an die dritte Tabelle übergeben, und diese auch ordnungsgemäß mit dem </table>-Tag schliessen.

Dass der Tabellenrahmen browserübergreifend nicht anzeigt wird, liegt lediglich an der im Regelblock zuletzt genannten border:0px-Deklaration, die die vorherigen Angaben überschreibt:

Code: 
#body_table{
        width:867px;
        background-color:#F8F8F8;
        border-left:1px solid #000;
        border-right:1px solid #000;
        border-bottom:1px solid #000;
        border:0px;
}
mfg Maik
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück