Link über Header Bild geht nicht

didi69 · 16.04.2005, 14:53

Hallo,

ich weiss nicht aber ich bin glaube heute zu blöd

Ich versuche beim Header Bild einen Link einzufügen, der wieder zur index Seite führen sollte.
Es verschiebt mir aber immer die Grafik und hab keine Ahnung wieso?

Hier der Testlink:

Link

HTML-Code:

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="802" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#999999" class="body_rahmen">
  <!--DWLayoutTable-->
  <tr> 
    <td width="800" height="106" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <!--DWLayoutTable-->
        <tr> 
          <td width="800" height="106" valign="top"><a href="index-test.php"><img src="../bilder/header.jpg" width="800" height="106" border="0"></a></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td height="273">&nbsp;</td>
  </tr>
</table>

Danke im voraus
Dieter

Izzmoo · 16.04.2005, 14:59

Hallo,

bei mir auf der Seite habe ich die (") weggelassen.

<a href=index-test.php>

Müsste bei dir auch gehen

hero-master · 16.04.2005, 14:59

Hi didi

oft hakt es an kleinen, einfachen Dingen, kenn ich nur all zu gut

Du hast in deiner CSS-Datei den Link mit einem padding-left von 32px ausgestattet, der dir diesen Abstand bringt.

didi69 · 16.04.2005, 15:04

@hero-master

danke, danke. Ich Trottel.. Das 32px brauche ich für die Menüs.
Und ich suche schon den Fehler ca. 1 Stunde

Ja, ja die kleinen Fehler....

danke nochmals

Grüße
Dieter

321 · 16.04.2005, 15:14

Ein etwas unglücklicher Mix von <table> und CSS!

Das Banner muss doch nur in die Mitte!?

Kommt (später) darunter noch mehr auf die Seite?

didi69 · 16.04.2005, 15:18

@321

die Seite wäre diese

Link

Das Problem ist, das ich die 32PX für das Menütexte: Aktuell, Sport usw. brauche.
Bin gerade beim umgestalten der CSS.

Vieleicht kann mir ja hero-master dabei helfen, er ist ja der Meister habe ich gesehen, in solchen Sachen

Grüße
Dieter

hero-master · 16.04.2005, 15:27

Zitat:

Zitat von didi69

Vieleicht kann mir ja hero-master dabei helfen, er ist ja der Meister habe ich gesehen, in solchen Sachen

Es gibt hier genügend Leute , die noch mehr können, keine Angst

ich würde dem Menu eine Klasse zuweisen und dann diesen 32px Abstand nur für diese Links definieren, also so:

a.menu {padding-left:32px}

ps:
Du könntest natürlich auch nur dem Link des Bildes eine ID zuweisen und dort das padding-left entfernen, jedoch kommt in den Content sicherlich auch der ein oder andere Link und dann bekommen auch diese einen Abstand von 32px, wenn du das mit a {padding-left:32px} lässt

321 · 16.04.2005, 15:52

Ich sah die andern Posts erst hinterher, war zwischen anschaun und posten al telefono

Ja, der nico schafft vieles!

Für das Banner brauchst aber keine Tabelle. Das geht auch mit einem DIV oder sogar ohne.

didi69 · 16.04.2005, 16:04

@hero-master

so alles gemacht!!!!

Nur vor den einzelnen Menüpunkten Aktuell, Sport usw. lade ich ja die Grafik (Pfeil).

Schau dir doch nochmal die CSS Datei an. Lade diesen Pfeil als Background Datei und positioniere in dann mit background-position: -1px;

Das geht aber nicht richtig, kannst hier schauen

Link

Grüße
Dieter

hero-master · 16.04.2005, 16:35

Was genau willst du denn machen bzw. wo liegt das Problem?
Das mit -1px würde ich nicht machen und stattdessen einfach die Datei pfeil.gif 1px breiter machen, also nicht den PFeil, sondern die Leinwand

Und noch einige Dinge:
# Wie von 321 angesprochen: Die Tabelle, in der du das Headerbild hast, kannst du weglassen und einfach das Bild in die Zelle packen.
# IDs darfst du nur 1 Mal pro Seite verwenden, siehe Menu mit #menu1, etc

# Klassen sollten beim Namen keinen Unterstrich haben, nimm einen normalen Bindestrich

didi69 · 16.04.2005, 17:10

So jetzt habe ich die Tabelle vom Header weggetan.
Der Pfeil im Menü geht auch mit 2px.

Schau dir mal die CSS und den Quellcode an. So müsste es passen

Link

Grüße
Dieter

hero-master · 16.04.2005, 19:49

CSS-Datei könnte man noch kürzen

Ungefähr so:

HTML-Code:

td,a {font-family:Verdana, Arial, Helvetica, sans-serif} /*Brauchste dann nur 1 Mal schreiben*/
BODY {
	MARGIN: 5px;
	PADDING: 5px; /*Für Opera und Konsorten*/
	COLOR: #000000;
	SCROLLBAR-3DLIGHT-COLOR: #cccccc;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #666666;
	BACKGROUND:#666666;
}

.menu-ueber { /*Hier war noch ein Unterstrich*/
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; padding-left: 10px
}


/*A:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}*/

A {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #CCCCCC;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

TD.menu A {
	/*FONT-WEIGHT: bold;*/
	/*FONT-SIZE: 11px;*/
	/*COLOR: #CCCCCC;*/
	/*FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;*/
	/*TEXT-DECORATION: none;*/
	padding-left:32px;
}

A#menu1:hover {
	/*FONT-WEIGHT: bold;*/
	/*FONT-SIZE: 11px;*/
	/*COLOR: #CCCCCC;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*TEXT-DECORATION: none;*/
	background-image: url(../bilder/pfeil_news.gif);
	background-repeat: no-repeat;
	background-position: 2mm;
	padding-left:32px;
}

A#menu2:hover {
	/*FONT-WEIGHT: bold;*/
	/*FONT-SIZE: 11px;*/
	/*COLOR: #CCCCCC;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*TEXT-DECORATION: none;*/
	background-image: url(../bilder/pfeil_galerie.gif);
	background-position: 2mm;
	background-repeat: no-repeat;
}

A#menu3:hover {
	/*FONT-WEIGHT: bold;*/
	/*FONT-SIZE: 11px;*/
	/*COLOR: #CCCCCC;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*TEXT-DECORATION: none;*/
	background-image: url(../bilder/pfeil_allgemein.gif);
	background-position: 2mm;
	background-repeat: no-repeat;
}

/*.copy A:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}*/

.copy A {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	TEXT-DECORATION: none;
}

.copy {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	PADDING-RIGHT: 20px;
	border-top: #cccccc 1px solid;
	
}

.body-rahmen {
	/*BORDER-Bottom: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;*/
        border:1px solid #999
}

.rahmen {
	BORDER-RIGHT: #999999 1px solid;
}

didi69 · 18.04.2005, 13:30

@hero-master

sorry das ich mich nicht mehr gemeldet habe. Hatte am Wochenende ziemlich zum fotografieren

Danke für die Hilfe!!! es klappt super.

Das mit dem menu-ueber und Unterstrich habe ich einfach eine Zelle daraus gemacht.

Wo sagst du dem td, a die Größe, Fontsize usw.?? Ganz oben bei td, a ist ja nur die Schriftart angegeben.

Grüße
Dieter