HTML Frage zu links

Vorher · 10.07.2006

Abend
ich habe da eine frage zu links und zwar habe ich eine tabelle gemacht. in den einzelnen Zellen sind immer ein Bild inkl eines Textes. gibt es nun eine möglichkeit das nicht nur das Bild oder der Text sondern die ganze Zelle als link funktioniert?

zweite frage da ich schon lange nicht mehr hmtl "gecoded" habe was ich mich erinnern kann gibts auch eine funktion das ein Textlink nicht unterstrichen ist. bzw das man die farbe für den schonmal verlinkten link ändern kann etc. ich finde das alles bei selfhtml irgendwie nicht mehr...

danke schonmal für eure hilfe :wink:

burni87 · 10.07.2006

zum zweiten problem:

PHP:

<head>
<sytle type="text/css">

a{
text-decoration:none;
}

</style>
</head>

dann gibts noch
a:hover das ist wenn du mit der maus drüber gehstund
a:visited für bereits angeklikte links

Vorher · 10.07.2006

burni87 schrieb:
zum zweiten problem:

PHP:

<head> <sytle type="text/css"> a{ text-decoration:none; } </style> </head>

dann gibts noch
a:hover das ist wenn du mit der maus drüber gehstund
a:visited für bereits angeklikte links

nein da gibts auch eine funktion ohne css... da ich css nicht behersche (und ich zz auch keine lust habe mich mit dem auseinander zu setzten) suche ich eben die möglichkeit. ich weiß noch das man diese atribute bei dem link dazu schreiben konnte also so in der art wie

PHP:

<a href="" activelink="#000000" >

also so in der art..

wario · 10.07.2006

Hi Vorher

Mir sind nur zwei Wege bekannt, eine Tabellen Zelle als Link zu definieren.
Der Erste wäre, per Javascript eine Seite/Link per Mouse Klick in die Zelle zu öffnen.
Der Zweite, du legst mittels exakt positionierter div Layer ein transparentes Gif Bild über die Zelle und versiehst das trans. Gif mit einem Link.

Code:

Erstens:
...schnipp...
<table>
<tr>
<th>kopfzeile 1</th>
<th>kopfzeile 2</th>
</tr>
<tr>
<td onClick="javascript:self.location.href='linkseite.html'" style="cursor:pointer;">kopfzeile</td>
<td>kopfzeile</td>
</tr>
<tr>
<td>kopfzeile</td>
<td>kopfzeile</td>
</tr>
</table>
...schnapp...

Code:

Zeitens:
...schnipp...
<style type="text/css">
#MyTable { position:absolute; width:200px; height:100px; top:200px; margin-left:200px; overflow:hidden; z-index: 1; }
#DivLink { position:absolute; width:100px; height:33px;  top:233px; margin-left:200px; overflow:hidden; z-index: 2; }
</style>
<div id="MyTable" style="border:2px solid red; width:200px; height:100px;">
<table width="200" height="100">
<tr>
<th>kopfzeile 1</th>
<th>kopfzeile 2</th>
</tr>
<tr>
<td>kopfzeile</td>
<td>kopfzeile</td>
</tr>
<tr>
<td>kopfzeile</td>
<td>kopfzeile</td>
</tr>
</table>
</div>
<div id="DivLink" style="border:2px solid blue; width:100px; height:33px;">
<a href="linkseite.html" target="_self"><img src="blank.gif" border="0" width="100" height="33"></a>
</div>
...schnapp...

Links kannst du dann auch mit den "Styles" wie gewollt definieren:

Code:

...schnipp...
<style type="text/css">
.mylink         { font-family: Verdana, Arial; font-size:10px; color:#3333cc; font-weight:normal; text-decoration: none; background: none; }
.mylink A       { font-family: Verdana, Arial; font-size:10px; color:#3333cc; font-weight:normal; text-decoration: none; background: none; }
.mylink A:link  { font-family: Verdana, Arial; font-size:10px; color:#3333cc; font-weight:normal; text-decoration: none; background: none; }
.mylink A:hover { font-family: Verdana, Arial; font-size:10px; color:#99ccff; font-weight:normal; text-decoration: none; background: none; }
</style>
<body>
<a href="linkseite.html" target="_self" CLASS="mylink">Linkseite</a>
...schnapp...

Styles kannst du ja auch in eine externe Datei reinschreiben und in deine HTML's einbinden.
greets wario^^

King Bill · 10.07.2006

http://de.selfhtml.org/html/verweise/definieren.htm

wario · 10.07.2006

Ach du meinst es so (in den Body-TAG):

Code:

<body bgcolor="#E0C0FF" text="#000000" link="#804080" vlink="#603060" alink="#804080">

Vorher · 10.07.2006

@wario genau das wars thx :hail:

nur das mit den zellen und tranzparenten bildern ist mir zu kompliziert... ich glaub da werde ich nur die bilder als links ausführen... oder eben nur den text... alles andere rechnet sich vom aufwand her nicht..

€: achja und was ich noch wissen wollte worin besteht der unterschied zwischen htm und html seiten?

wario · 10.07.2006

gerne doch^^

aber sieh dir nochmal diesen Code für deine Tabellenzelle an, das kriegst du locker als Link hin!

Code:

<table>
<tr>
<th>kopfzeile 1</th>
<th>kopfzeile 2</th>
</tr>
<tr>
<td onClick="javascript:self.location.href='linkseite.html'" style="cursor:pointer;">kopfzeile</td>
<td>kopfzeile</td>
</tr>
<tr>
<td>kopfzeile</td>
<td>kopfzeile</td>
</tr>
</table>

EDIT:
achja und was ich noch wissen wollte worin besteht der unterschied zwischen htm und html seiten?
- MIR IST KEINER BEKANNT!!!! (ausser das beim einen ein Buchstabe mehr drin ist.)

Vorher · 10.07.2006

das mit dem javascript geht einfach... jetzt frag ich mich nur wegen dem links. zz ist das eine htm datei die ca so aussieht

PHP:

<title>Links</title>
<div align="center">
  <p><font color="#0000CC" size="5"><strong><font face="Arial, Helvetica, sans-serif">Links</font></strong></font></p>
  <table width="600" border="0">
    <tr> 
      <td width="300" height="110" align="center" valign="middle"><img src="Rohmaterial/Gewichtheben/Logo%20Gitty-City.gif" width="160" height="104"></td>
      <td width="300" height="110" align="center" valign="middle"><font size="4" face="Arial, Helvetica, sans-serif"><strong><a href="http://www.gitti-city.com/" target="_blank">Gitti-City</a></strong></font></td>
    </tr>

also ohne body und head etc und ist eben als htm abgespeichert... wäre es da besser wenn ich eine komplette grundstruktur mit head body etc mache? oder reicht es wenn ich jetzt einfahc nur nach dem title ein body hinsetzte mit den atributen für die links und am ende das body wieder schließe?

Seratio · 10.07.2006

um es "vailid" zu bekommen muss der doctype header usw schon mit rein

und würde ich dir auch empfehlen

1. sieht es professioneller aus und 2.und 3. muss ich mir noch überlegen :fresse:

Vorher · 10.07.2006

Nascar schrieb:
um es "vailid" zu bekommen muss der doctype header usw schon mit rein und würde ich dir auch empfehlen 1. sieht es professioneller aus und 2.und 3. muss ich mir noch überlegen

hach für 2 würde passen weil ich ja sonst nichts zu tun habe (stimmt ja auch) und 3 einfach weils dir spaß macht mich leiden zu sehen

€: aber so oder so die homepage wird besser als die derzeitige... denn da wurde echt alles falsch gemacht... und augenkrebs bekommt man auch noch... achja die derzeitige ist nicht von mir :fresse:

wario · 10.07.2006

also ohne body und head etc und ist eben als htm abgespeichert... wäre es da besser wenn ich eine komplette grundstruktur mit head body etc mache? oder reicht es wenn ich jetzt einfahc nur nach dem title ein body hinsetzte mit den atributen für die links und am ende das body wieder schließe?

Das kommt drauf an, für was du diese HTM Seite schreibst.
Ist sie nur für dich dann würde es Theoretisch schon reichen. :fresse:

Ist sie jedoch öffentlich zugänglich solltest du sie schon etwas HTML konformer/seriöser aufsetzen (Grundstruktur)
Stichwort : SUCHMASCHINEN!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" content="text/html; charset=iso-8859-1">
<META HTTP-EQUIV="AUTHOR" CONTENT="Vor/Nachname/Firma">
<META HTTP-EQUIV="Reply-to" CONTENT="info@domain.de">
<META HTTP-EQUIV="Cache-Control" CONTENT="Public">
<META NAME="AUTHOR" CONTENT="Vor/Nachname/Agentur">
<META NAME="KEYWORDS" CONTENT="blablabla">
<META name="DESCRIPTION" CONTENT="blablabla blablabla blablabla">
<META NAME="AUDIENCE" CONTENT="Alle">
<META NAME="IDENTIFIER-URL" CONTENT="http://www.domain.de">
<META NAME="Content-Language" CONTENT="de">
<META NAME="COPYRIGHT" CONTENT="Vor/Nachname/Firma">
<META NAME="PUBLISHER" CONTENT="Vor/Nachname/Firma">
<META NAME="PUBLISHER-EMAIL" CONTENT="info@domain.de">
<META NAME="Rating" CONTENT="General">
<META NAME="CREATION" CONTENT="Wed, 28 Jun 2006">
<META NAME="REVISON" CONTENT="Wed, 28 Jun 2006">
<META NAME="EXPIRES" CONTENT="Mon, 07 Jun 2010">
<META NAME="ROBOTS" CONTENT="ALL">
<META NAME="revisit-after" content="14 days">
<META NAME="Page-Topic" CONTENT="Homepage">
<META NAME="Page-Type" CONTENT="Official Homepage">
<LINK REV="Made" HREF="mailto:info@domain.de">
<TITLE>Titel der Seite</TITLE>
<style type="text/css">
.mylink { font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#3333cc; font-weight:bold; text-decoration: none; background: none; }
.mylink A { font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#3333cc; font-weight:bold; text-decoration: none; background: none; }
.mylink A:link { font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#3333cc; font-weight:bold; text-decoration: none; background: none; }
.mylink A:hover { font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#99ccff; font-weight:bold; text-decoration: none; background: none; }
</style>
</HEAD>
<BODY>
<table width="600" border="0">
<tr>
<td width="300" height="110" align="center" valign="middle"><img src="Rohmaterial/Gewichtheben/Logo%20Gitty-City.gif" width="160" height="104"></td>
<td width="300" height="110" align="center" valign="middle"><font size="4" face="Arial, Helvetica, sans-serif"><strong><a href="http://www.gitti-city.com/" target="_blank">Gitti-City</a></strong></font></td>
</tr>
</table>
</BODY>
</HTML>

rest Morgen GN8!

Vorher · 10.07.2006

also die ganzen meta lass ich weg. brauchen wir (afaik) nicht. ich mache jetzt alle seiten konform und speicher sie als .html ab...

also der anfang sieht dann so aus:

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

sollte reichen... und halt bei title immer der name...

Seratio · 11.07.2006

genau als grund header denke ich sollte, das dort oben reichen

die einzigen metas die ich noch reinpacken würde wären diese hier:

Code:

	<!-- no cache headers -->
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="-1" />
	<meta http-equiv="Cache-Control" content="no-cache" />
	<!-- end no cache headers -->
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

damit ist das problem umgangen, das der browser die seite cached und somit aktuallisierungen nicht mitbekommt
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

Vorher · 11.07.2006

aha gut zu wissen... na die paar zeilen kann ich ja auch noch copyn und pasten.. so viele seiten sinds ja noch nicht...

Suche

HTML Frage zu links

Vorher

Semiprofi

burni87

Semiprofi

Vorher

Semiprofi

wario

Neuling

King Bill

-- Administrator -- Press Delete

wario

Neuling

Vorher

Semiprofi

wario

Neuling

Vorher

Semiprofi

Seratio

Urgestein

Vorher

Semiprofi

wario

Neuling

Vorher

Semiprofi

Seratio

Urgestein

Vorher

Semiprofi

Ähnliche Themen