PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : farbige Verweiseziele-Link



Paco
08.07.2004, 14:41
Joa nun ich baue mir selber ein Page (nicht Homepage ^_^)
habe bei 0 angefangen und die nötige Wissen mit Selfhtml 8.0 angegeignet (100% falsch aber egal jetzt).

Wegen der Hintergrundbild möchte ich die Verweis-Url verschiedenfarbig machen damit es zum hintergrund passt.



<body Style="background-image:url(Suikoden.jpg)"Suikoden" text="#FFFFFF" link="#C0DCC0" vlink="#C0DCC0" alink="#FFFFFF">
<h1 style="color:blue" align="center">Spiele</h1>
<br>
<b>
<table border="0" width=28%" align="center" cellspacing="0" cellpadding="10">
<colgroup>
<col width="33%">
<tr>
<td align="center"><p>Test
</p>
</tr>
</table><br>
<table border="0" width=28%" align="center">
<colgroup>
<col width="33%">
<tr>
<td align="center"link="#00FF00" vlink="#00FF00"><a href="./Startseite.html"><h3>Zurück</h3></a>
zurück zum Hauptseite<br></td>
<table border="0" width="100%" cellspacing="40" cellpadding="10">
<colgroup>
<col width="33%">
<col width="33%">
<col width="33%">
<tr>
<td align="center"><a href="www.gamefaqs.com"><h3>Gamefaqs</h3></a>
dingdong<br></td>
<td align="center"><a href="./Foren.html">"Hier will ich ein andere Farbe zuweisen"<h3>Amiga</h3></a>
Dingdong<br></td>
<td align="center"><a href="http://www.rpg-inn.de"><h3>RPG-Inn</h3></a>
dingdong<br></td>


ja ich weiss ist noch net ausgereift, aber darum geht ja net. Ich will bei Link und vlink je nach Url andere Farbe zuweisen und nicht einheitlich machen. Wer weiss wie ich das ändern kann? http://www.multimediaxis.de/images/smilies/old/1/gruebel.gif

achja habe die ganze nur mit Editor allein gemacht. habe kein HTML-Programm wie Frontpage oder so... :rolleyes:

Latency
08.07.2004, 15:16
Dazu müsstest du jeden a-Tag nochmal in Style die Unterschiedlichen Farben definieren. Oder du macht das ganze mit dem Class Atribut.

Achja, irgendwie versteh ich deinen <body> Tag nicht.

<body Style="background-image:url(Suikoden.jpg)"Suikoden"
text="#FFFFFF" link="#C0DCC0" vlink="#C0DCC0" alink="#FFFFFF"> Ist der Rote Teil nicht falsch?

Achja, ich würde dir generell empfehlen dich mal etwas in CSS einzuarbeiten, wirst du sicherlich noch ein paar mal brauchen wenn du weiterarbeitest an der Page.

Paco
08.07.2004, 16:06
@Latency kannst du das büdde in ein anschaunlich Beispiel (bezogen auf meine schlampige Html) "zeigen"?

Also einmal mit a-Tag und in CSS? *liebguck*

Ach das mit Body-Tag *lapidar guck* ist auch unwichtig, werd ich später entfernen. stört jedenfalls net...

Ich kenne jemand der so sowas wie ein HTML/CSS Profi ist, aber leider hat der Ferien (atombombe nachschick)

Latency
08.07.2004, 16:14
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

Selbst ist der Webmaster :p

Also, aber da ich grad Zeit habe...
Das ist der HTML Code

<a href="bla.hmtl" target="_blank" class="Linkilink">Link</a>
<a href="bla.html" target="_blank" class="kdkf">sadfsdf</a>


Hier kommt der CSS Teil

<style type="text/css">
.Linkilink:link
{
color:#004456;
}
.Linkilink:hover
{
color:#ff0000;
}
.kdkf:link
{
color:#000000;
}
</style>

Najo, wie gesagt genaueres gibts bei SelfHTML

Paco
08.07.2004, 18:59
@Latency Ich war ja schon auf diese Url, aber dein Beispiel ist klarer als die Geschwafel da drüben (z.b. wird nirgendswo ein Beispiel mit den Class und a Href gezeigt oder die mit ".fghgh:link") -.-.

Alsooooo:

Wie stelle ich es an dass ein Grafik (z.b. mit gleiche Farbe wie die Hintergrund) als Verweis auf Seite steht, aber nicht mit Auge sichtbar sind. Mein Versuche bisher fruchtete nicht, da die Rahmen immer noch sichtbar ist. (echt toooollll -.-)



<a href="./Test.html"><img scr="xxx.jpg width="10" height="10" alt="" border="0"></a>


Mit Text geht es einigermasse (ausser man klickt auf "alles markieren", dann kann man die versteckte Url sehen...)

Latency
08.07.2004, 19:04
Original geschrieben von Paco
@Latency Ich war ja schon auf diese Url, aber dein Beispiel ist klarer als die Geschwafel da drüben (z.b. wird nirgendswo ein Beispiel mit den Class und a Href gezeigt oder die mit ".fghgh:link") -.-. Doch das steht da irgendwo, ich hab mein ganzes CSS && DOM Knowledge doch auch von SelfHTML :D


Original geschrieben von Paco
Wie stelle ich es an dass ein Grafik (z.b. mit gleiche Farbe wie die Hintergrund) als Verweis auf Seite steht, aber nicht mit Auge sichtbar sind. Mein Versuche bisher fruchtete nicht, da die Rahmen immer noch sichtbar ist. (echt toooollll -.-) Ich glaube, das ist auch CSS ist. Versuch mal folgendes:



<style type="text/css">
a:visited
{
border-width:0px;
}

a
{
border-width:0px;
}
</style>

Paco
13.07.2004, 16:35
ein neue Sache -.- (mäh)

bei den:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

wird zwar:


Body {
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color: #0000FF;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #00B4FF;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #FFFFFF;
}


angezeigt, aber dafür wird <B></b> und font-weight: bold; ausgeschaltet.

bei:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

wird es zwar fett angezeigt und dafür die Scrollleiste-befehle ins Nirvana geschickt.

Was soll ich machen damit beide funktioniert (also Fett UND Schrollleiste)?

mitaki
13.07.2004, 20:33
Zuerst einmal hoffe ich, du hast das > am Ende der DOCTYPEs nur hier im Forum vergessen (wovon ich jetzt ausgehe).

Den DOCTYPE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> gibt es nicht, daher werden manche Browser sich der Strict Variante von HTML bedienen, in dieser Variante ist die Manipulation der Scrollleiste nicht erlaubt.

Der <b> Tag funktioniert normalerweise unter Transitional.
Wenn du <B></b> geschrieben hast könnte der Fehler in der Groß/kleinschreibung der beiden Tags liegen: entweder nur klein oder nur Groß notieren.

Die Stylesheet Angabe muss auch funktionieren, nur sehe ich anhand deines Posts keine mögliche Fehlerquelle.

Paco
14.07.2004, 14:12
@Mitaki ich schreibe alles klein.

Hier mal ein Auszug ein Testseite.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
a:hover
{ color:#FFFFFF
}
Body {
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color: #0000FF;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #00B4FF;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #FFFFFF;
}
</style>
<title>Test</title>
</head>
<body Style="background-image:url(BoF 2.jpg)" text="#FFFFFF" link="#FF0000" vlink="#FF0000" alink="#FFFFFF">
<h1 style="color:red" align="center">Test</h1>
<br>
<b>
<table border="0" width="28%" align="center" cellspacing="0" cellpadding="10">
<colgroup>
<col width="33%">
<tr>
<td align="center"><p>Hier ein Überblick die wichtigsten Gruppezugehörigkeiten
bei Klicken auf ein bestimmte Gruppe führt Sie zu ein Vielzahl von URL in Internet.
</p>
</tr>
</table><br>
<table border="0" width="28%" align="center">
<colgroup>
<col width="33%">
<tr>
<td align="center"><a href="./Startseite.html"><h3>Zurück</h3></a>
zurück zum Hauptseite<br></td>
<table border="0" width="100%" cellspacing="40" cellpadding="10">
<colgroup>
<col width="33%">
<col width="33%">
<col width="33%">
<tr>
<td align="center"><a href="xxx"><h3>xxx</h3></a>
xxx<br></td>
<td align="center"><a href="xxx"><h3>xxx</h3></a>
xxx<br></td>
<td align="center"><a href="xxx"><h3>xx</h3></a>
xxx<br></td>
</tr>
<tr>
<td align="center"><a href="xxx"><h3>xxx</h3></a>
xxx<br></td>
<td align="center"><a href="xxx"><h3>xx</h3></a>
xxx<br></td>
<td align="center"><a href="xxx"><h3>xxx</h3></a>
xxx<br></td>
</tr>
</table>
</b>
</body>
</html>

nur mal so gesagt:
habe mal versuchweise den > bei Doctype weggelassen, keine Veränderung. :rolleyes:

mitaki
14.07.2004, 20:36
habe mal versuchweise den > bei Doctype weggelassen, keine Veränderung.Das Zeichen soll dabeibleiben, du hast es in deinem vorherigen Post vergessen.

Dein Fehler sind all die <h3> Tags, die die Linktexte umgeben.

<h3> bzw alle <h*> Tags dürfen nur für die Formatierung von Überschriften verwendet werden. Da Überschriften fett gedruckt werden, sind deine Texte bereits fett, daher erzielst du mit <b> keinen Effekt.
Entferne also alle <h3> Tags und ersetze sie, wenn nötig durch <b> Tags.
Möchtest du, dass alle Linktexte fett gedruckt werden reicht die CSS Angabe
a {
font-weight: bold;
}Lösch aber auch die <b> Tags vor und nach der Tabelle, dadurch werden die Texte zwar auch fett ausgegeben, aber das ist ein Verstoß gegen die HTML Regeln.

Noch etwas: Du solltest diese meta-Angabe hinzufügen:
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">Manche Browser drehen ohne diese Angabe am Rad.

Paco
14.07.2004, 21:32
@Mitaki Das mit > -weglassung war sarkatisch gemeint wie man auch an Smilies sehen kann. -.-

Die Lösung:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
a:hover
{ color:#FFFFFF
}
Body {
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color: #0000FF;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #00B4FF;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #FFFFFF;
}
</style>
<title>Test</title>
</head>
<body Style="background-image:url(BoF 2.jpg)" text="#FFFFFF" link="#FF0000" vlink="#FF0000" alink="#FFFFFF">
<h1 style="color:red" align="center">Test</h1>
<br>
<table border="0" width="28%" align="center" cellspacing="0" cellpadding="10">
<colgroup>
<col width="33%">
<tr>
<td align="center"><p><b>Hier ein Überblick die wichtigsten Gruppezugehörigkeiten
bei Klicken auf ein bestimmte Gruppe führt Sie zu ein Vielzahl von URL in Internet.</b></p>
</tr>
</table><br>
<table border="0" width="28%" align="center">
<colgroup>
<col width="33%">
<tr>
<td align="center"><a href="./Startseite.html"><h3>Zurück</h3></a>
<b>zurück zum Hauptseite</b><br></td>
<table border="0" width="100%" cellspacing="40" cellpadding="10">
<colgroup>
<col width="33%">
<col width="33%">
<col width="33%">
<tr>
<td align="center"><a href="xxx"><h3>xxx</h3></a>
<b>xxx</b><br></td>
<td align="center"><a href="xxx"><h3>xxx</h3></a>
<b>xxx</b><br></td>
<td align="center"><a href="xxx"><h3>xx</h3></a>
<b>xxx</b><br></td>
</tr>
<tr>
<td align="center"><a href="xxx"><h3>xxx</h3></a>
<b>xxx</b><br></td>
<td align="center"><a href="xxx"><h3>xx</h3></a>
<b>xxx</b><br></td>
<td align="center"><a href="xxx"><h3>xxx</h3></a>
<b>xxx</b><br></td>
</tr>
</table>
</body>
</html>

Anstatt bequem den ganze Body zu umfassen habe ich halt bei jede Text <b> </b> eingegeben. zwar lästig, aber geht nicht anders (Dou Ahou)...

Ein einfachere Weg wie das 1x einbinden in ganzen Body geht wohl leider net. -.-



<h3> bzw alle <h*> Tags dürfen nur für die Formatierung von Überschriften verwendet werden. Da Überschriften fett gedruckt werden, sind deine Texte bereits fett, daher erzielst du mit <b> keinen Effekt.
Entferne also alle <h3> Tags und ersetze sie, wenn nötig durch <b> Tags.
Möchtest du, dass alle Linktexte fett gedruckt werden reicht die CSS Angabe

Mein Problem war dass die Text unter den Verweise nicht fett sind und nicht die Verweise selber (welche ich mit h3 fett gemacht).



a { font-weight: bold
}

nützt bei mir nix (habe ich in vorherige Posting geschrieben), da die Text immer noch dünn ausser die Verweise (dank h3).



<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

Was soll das bringen? sehe keine Unterschied. *amkopfkratz*

Latency
14.07.2004, 21:41
Original geschrieben von Paco


<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

Was soll das bringen? sehe keine Unterschied. *amkopfkratz* Verbessert mich wenn ich falsch liege, aber ich versuche die Zeile mal zu erklären :)

http-equiv gibt an welchen Content die Page hat (AFIK noch ein überbleibsel der alten Metabrowser (=Suchmaschinen ohne Volltextsuche))

content gibt den MIME-Type an, und charset betrifft den Zeichensatz der Seite. (Wäre hier UTF-8 nicht besser?)

mitaki
14.07.2004, 22:08
Mein Problem war dass die Text unter den Verweise nicht fett sind und nicht die Verweise selber (welche ich mit h3 fett gemacht). Es ist dennoch ein Fehler, der nicht gemacht werden sollte, da Überschriften von jedem Browser anders dargestellt werden.

@Latency:
http-equiv gibt an, dass die Angabe sich an den Browser richtet, es gibt dafür mehrere Inhalte.
Der >content-type< ist wichtig, weil ein Browser sonst seinen Standard Zeichensatz verwendet, sollte dieser z.B. ein asiatischer Sein, was durchaus vorkommen kann, wird der Text unlesbar.
Ich selbst habe noch nie UTF-8 verwendet, ISO-8859-1 sollte aber genügen, da es alle wichtigen Zeichen enthält.
Der MIME Typ richtet sich gehört ebenfalls dazu, ebenso wie das >text/css< im <style> Tag.