HTML

Wie kann ich einem einzelnen Link eine andere Farbe und kein Unterstreichen zuteilen?

Diskussionsgruppen
Betriebsysteme: Windows 7; WindowsVista; WindowsXP; Linux; BS-Sonstige
Software: Textverarbeitung; Tabellenkalkulation; Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; E-Mail/Outlook; Internet Browser; SW-Sonstige
Hardware: Mainboard/CPU/RAM; Grafikkarten; Peripherie; HW Sonstiges
Netzwerk: DSL; W-Lan; Telekommunikation; NW-Sonstiges
Programmierung: Skripte(PHP,ASP,Perl...); Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke

Frage

Hallo zusammen Ich möchte einem einzelnen Link eine andere Farbe zuteilen als für den Rest der Homepage. Auch sollte dieser Text nicht unterstrichen sein. Kann mir der Dreamveawer 8 dabei helfen oder muss ich den Code dazu selber ändern? Wäre schön, wenn mir da jemand helfen könnte.

Antwort 1 von Flupo

Hier findest du alle nötigen Infos: http://de.selfhtml.org/html/verweise/definieren.htm#gestalten

Nutze für deinen Link die Direktformatierung per CSS. Bedenke aber auch, dass das Ergebnis bei verschiedenen Browsern mitunter anders ausfällt.

Gruß Flupo

Antwort 2 von optimfish

Hallo Flupo

Herzlichen Dank, ich habs zwar noch nicht ganz so wie ich es möchte, aber ich bin dank deinem Tipp auf der Spur.

Gruss
Opti

Antwort 3 von Nessus

Denke aber auch bitte daran, das du es dem Seitenbesucher schwer machst Links zu finden, da sie die typischen Merkmale nicht mehr besitzen.

Nessus

Antwort 4 von optimfish

Hast Recht, Nessus, aber es geht darum eine Einstiegsseite zu kreieren. Meine Kollegin will sogar dass diese Seite dann autmatisch zur Hauptseite wechselt, nach einigen Sekunden. Ich finde allerdings klicken besser als automatisch weiterleiten! Und du?

Vielleicht könnt ihr mir gleich noch weiterhelfen. Ich habe nämlich noch ein anderes Problem, was die Hintergrundgrafik betrifft. Wie könnte ich das Problem lösen, dass die Grafik den ganzen Bildschirm ausfüllt aber trotzdem nicht soviel Speicherplatz braucht, wie jetzt? Oder habt ihr noch einen anderen Tipp, für diesen Entwurf hier:

http://www.estherbroennimann.ch/index4.html

Tschüss zusammen
Gruss vom Opti

Antwort 5 von Griemokhan

Zitat:
Wie könnte ich das Problem lösen, dass die Grafik den ganzen Bildschirm ausfüllt aber trotzdem nicht soviel Speicherplatz braucht,

Bildauflösung reduzieren, Bild selber mit 100%x100% einbinden

Antwort 6 von Griemokhan

Frage am Rande: Wo krieg ich so´n Diplom her?

Antwort 7 von optimfish

Hallo Griemokhan

Was für ein Diplom meinst du? Und wie und wo müsste ich das Bild selber einbinden? Gleich unter dem Body-Tag?

Antwort 8 von Griemokhan

So´n Diplom zum "psychologisch astrologischen Berater".

Antwort 9 von optimfish

Da müsste ich meine Kollegin fragen, allerdings wohnt sie in der Schweiz, du auch?

Antwort 10 von Griemokhan

Neenee, selbstverständlich nicht,
ist doch viel zu weit von Holland weg.

Antwort 11 von Griemokhan

Aber die Antwort kann die doch hier posten.
Würd´ sicher auch Andere interessieren
und brächte uns dem kosmischen Heil näher.

Antwort 12 von optimfish

Aber vielleicht könntest du von Holland aus sagen, wie und vorallem wo ich das Bild einfügen muss :-))))

etwa hier? <body background="img/haupthg.jpg.gif"> und dann irgendwo 100% einfügen?

Antwort 13 von Griemokhan

Schau dir mal den Quelltext dieser Seite an:

http://www.year-supply-of-fairy-tales.de

Antwort 14 von optimfish

Ich halte nicht viel von Astrologie, da müsste man sie selber fragen, aber ist ja nicht das Forum dazu, würde ich meinen!

Antwort 15 von optimfish

Vielen Dank, mal schauen, ob mir das hilft!

Antwort 16 von MoRe99

Halte dich am besten an die Empfehlung aus Antwort 1 und erstelle eine CSS-Datei, in die du die erforderlichen Angaben hinein schreibst. Hilfestellung zu deinen angesprochenen Themen findest du u. a. hier:

CSS in HTML einbinden
Hintergrundbild einfügen
Klassen in CSS
span-Tag nutzen

Antwort 17 von optimfish

Danke MORE99

Deine vorgeschlagenen Informationsquelle beeindruckt mich, aber ich fürchte dass ich zuwenig von html verstehe, dass ich einen nutzen daraus ziehen kann. Ich habe ja nur die Grundlagen gelernt und bin dann nachher auf Dreamveawer umgestiegen.

Ich habe versucht, mein Hintergrundbild mit "deinem" Link einzufügen, aber irgendetwas ist da grundsätzlich falsch. Jedenfalls erscheint bei dieser Anordnung der Befehle kein Hintergrundbild, nur der "Ersatzhintergrund" , dem man wohl noch eine Grösse zuordnen müsste??

Kannst du mir etwas weiterhelfen mit diesem Code da unten? Den "Style" Befehl muss man wohl an einem anderen Ort platzieren und das End-Tag dazu auch, aber wo?

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>


<body>

<style type="text/css">
div.bg {
background-image: http://www.wanderschweiz.com/img/haupthg.jpg.gif;
background-color:orange;
width:500px;height:200px;
border:1px solid red;
padding:20px;
}
</style>

<div class="bg">
  div-Container mit Hintergrundbild

<table width="800" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr> 
    <td width="38" height="15"></td>
    <td width="213"></td>
    <td width="119"></td>
    <td width="96"></td>
    <td width="88"></td>
    <td width="126"></td>
    <td width="120"></td>
  </tr>
  <tr> 
    <td height="184"></td>
    <td></td>
    <td colspan="3" valign="top"><p></p>
      <p><a href="index.html"><font color="#0000FF" size="4">Esther Brnnimann</font></a></p>
      <p><font color="#0000FF" size="4"><a href="index.html">Dipl. psychologisch astrologische 
        Beraterin ESTH<br />
        Planetenklangmassage<br />
        Meditationen</a></font></p></td>
    <td></td>
    <td></td>
  </tr>
  <tr> 
    <td height="52" colspan="7" align="center" valign="middle">Finde deinen Weg!</td>
  </tr>
  <tr> 
    <td height="64"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="17"></td>
    <td></td>
    <td></td>
    <td></td>
    <td colspan="2" rowspan="2" valign="top"><img src="img/estherSkal3.jpg" width="300" height="354" /></td>
    <td></td>
  </tr>
  <tr> 
    <td height="222"></td>
    <td colspan="2" valign="top"><font size="+7">Willst du<br />
      ............. auf deinem Weg<br />
      .....weiter<br />
      ..............kommen?</font><br /></td>
    <td></td>
    <td></td>
  </tr>
  <tr> 
    <td height="46"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>
</div>



</body>

</html>

Antwort 18 von rfb

der <style>-Bereich muss vor </head> stehen

außerdem solltest du ihn ändern in

<style type="text/css"> 
div.bg { 
background: url(http://www.wanderschweiz.com/img/haupthg.jpg.gif) orange center center no-repeat; 
width:500px;height:200px; 
border:1px solid red; 
padding:20px; 
} 
</style>

nun steht aber eine 800px-breite Tabelle in einem 500px breiten DIV (

width

und

height

beziehen sich auf die DIV-Maße), das müsstest du noch anpassen.

Es gibt keine Möglichkeit die Ausmaße des HG-Bildes zu ändern, das wird genauso groß angezeigt wie es ist. Du müsstest dann schon das Bild in einer Bildbearbeitungsprogramm größer/kleiner machen.

Antwort 19 von optimfish

Danke rfb, habe ich wieder was gelernt. Das komprimieren und ändern des Bildes ist für mich kein Problem, aber dass sich das Hintergrundbild automatisch der Bildschirmgrösse anpasst, dass muss ich dann also wohl vergessen, wenn ich richtig verstanden habe!?

Aber was ist denn mit dem Vorschlag von Griemokhan, irgendwie beim Hintergrundbild ein 100% setzten? Leider konnte ich diesen Vorschlag nicht nachbauen, weiss also auch nicht, was das bringen sollte? Von Griemokhan:

Zitat:
Bildauflösung reduzieren, Bild selber mit 100%x100% einbinden

Antwort 20 von rfb

Zitat:
irgendwie beim Hintergrundbild ein 100% setzten?

ist - wie aus meiner letzten Antwort ersichtlich - Quatsch, geht nicht

Antwort 21 von optimfish

Danke rfb, bin froh, dass ich das weiss! Du nicht auch, Griemokhan oder??

Antwort 22 von Ralfman

Hallo optimfish,
ich habe diesen Thread schon vor einigen Tagen gesehen, ihm aber keinerlei Beachtung geschenkt da die Aufgabenstellung zu Banal ist.
rfb ist im Webseitenbau gut, sehr gut sogar. Kannst also glauben was er sagt. Dennoch solltest Du css nutzen.
Lade Dir mal von http://www.bradsoft.com/ TopStyle Light und Frag hier im Forum mal nach beispiel css Dateien die man Dir zuschicken kann.
css hat den Vorteil das Du das Design für alle Seiten in einer Datei festlegen kannst. Aufgerufen wird z.B. die css Datei direkt unter dem Titel also

<head>
<title>Januar</title>
<link rel="stylesheet" type="text/css" href="univ.css">

Die css Datei liegt dan dort wo die seiten liegen, und hat bei mir den namen univ.css

Der Dreamweaver ist gut, aber schau Dir mal den NUV Composer an. Der ist Kostenlos und kommt mit css wunderbar zurecht.

Zu gutter letzt noch drei Seiten zu css Tutorials, aber eventuell kann Dir rfb weiterhelfen und weis eine Adresse wo man sich das herunterladen kann.

http://www.heise.de/ix/artikel/2003/03/050/

http://www.webmaster-resource.de/tutorials/css/css-tutorial.php

http://www.css-technik.de/details/180/8/Tutorials-CSS.htm

Ich hoffe das hilft Dir weiter.

Ralf

Antwort 23 von Ralfman

Fehler ohne Ende, aber die dürft Ihr behalten. Ich bin gerade erst aus der Dusche gesprungen und hab meinen Kaffee noch nicht ausgetrunken.

Ralf

Antwort 24 von optimfish

Hey, Ralfman!

Super was du mir da an Infos bringst und bezüglich rfb glaub ich dir auch! Dieser NVU Composer interessiert mich sehr! Ich arbeite unter anderm auch mit Gimp und Irfan View und bin begeistert. Bei solchen Programmen bin ich gerne zu einer guten Spende bereit. Beim Erstellen von Homepages bin ich mit meinen Kenntnissen noch nicht zufrieden, vorallem weil ich ja für andere Websiten gestalten will! Beim jetztigen Beispiel handelt es sich um meine erste "Kundin"

Könntet ihr mir vieleicht auch helfen mit diesem xhtml-Standard. Habe eben meine Page getestet und "die" haben 23 Fehler gefunden. Was meint ihr, muss ich das Ernst nehmen? http://validator.w3.org/check?uri=http%3A%2F%2Fwww.wanderschweiz.co...

Und @Ralfman, viel Vergnügen beim Kaffeetrinken. Fehler sind manchmal sympathisch :-)

Antwort 25 von Ralfman

Optimfish, Du hast nur einige Zeichen Vergessen.

Schau Dir Deinen Link noch mal an. Alles was rot ist wird angemeckert.

Ralf

Antwort 26 von Ralfman

Und überarbeite bitte mal die Buttons. Da wird man ja Wahnsinnig. Manchmal ist eben weniger mehr.

Ansonsten für den anfang nicht schlecht. Weiter so.

Ralf

Antwort 27 von rfb

die meisten fehler beruhen auf einer falschen

doctype

.
Deine ersten paar Code-Zeilen sagen aus, dass die Seite in XHTML-transitional geschrieben ist, in Wirklichkeit iist es aber HTML-transitional.

ersetze mal alles vor <head> durch

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

und die meisten Fehler sollten verschwunden sein.

Außerdem fehlen bei vielen Bildern die alt-Attribute in der Form

<img src=".." width=" .." height="..." alt="Kurzbeschreibung der Abbildung">

. Das alt-Attribut muss vorhanden sein, bei reinen Deko-Bildern kann es aber leer sein (

alt=""

)

Antwort 28 von optimfish

Hallo rfb

Ich habe mal alles vor "head" mit deiner Zeile überschrieben. Jetzt sind es noch 20 Fehler :-)) Ich finde das einfach komisch, hab doch alles mit dem Dreamveawer gemacht und nur wenige Sachen "von Hand" geändert.

Aber jetzt ein Beispiel, das als Fehler angezeigt wurde:

Error  Line 47 column 6: end tag for element "HEAD" which is not open.

</head>

The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.

If this error occured in a script section of your document, you should probably read this FAQ entry.

Das verstehe ich überhaupt nicht!

und @ Ralfman, dass die Buttons provokativ sind, ist mir bewusst, es ging mir darum den Leuten zu zeigen, was man alles kann. Bestimmt werde ich das mal etwas gediegener gestalten.

Antwort 29 von sutadur

Zitat:
Ich habe ja nur die Grundlagen gelernt und bin dann nachher auf Dreamveawer umgestiegen.

Genau das könnte sich nun als Problem erweisen. Der nur enige wenige Kenntnisse bedeuten nicht, dass Du mit einem Profi-Tool wie Dreamweaver auch automatisch gute Ergebnisse erzielst.

Zitat:
Ich finde das einfach komisch, hab doch alles mit dem Dreamveawer gemacht und nur wenige Sachen "von Hand" geändert.

Wie es so ist: Jedes Werkzeug ist nur so gut wie der, der es einsetzt. Und auch Dreamweaver macht nicht alles von alleine.

Antwort 30 von Ralfman

Hi optimfish,
ich will rfb nicht Vorgreifen, eventuell sieht er noch was das ich übersehen habe, aber warum erscheinen die MetaTags in Deinem Quelltext doppelt?
Einmal vor dem Javasript und einmal danach.

Besuche mal http://www.wintotal.de/yad/index.php?rb=27&id=782, Installier conText und lade Deine Seite mal damit (nach der Instalation die Datei mit der rechten Maustaste anklicken und Senden an...).
Dann siehst Du was ich meine.

Freut mich übrigens das Du nicht gleich beleidigt warst wegen den Buttons und eine gesunde Kritikbereitschaft gezeigt hast. Aber um zu Zeigen was alles machbar ist, währ eine extra seite meiner Meinung nach besseer. Aber das kommt Später. Eines nach dem anderen.

Ralf

Antwort 31 von rfb

Zitat:
hab doch alles mit dem Dreamveawer gemacht

wer sagt, dass DW fehlerfreien Code erstellt? Ich würde das Gegenteil behaupten.

Nächster Schritt:
geh mit Suchen/Ersetzen die Seite durch und mache aus "

/>

" jeweils "

"

Außerdem kommt der ganze meta-Kram doppelt vor, also einmal löschen!

Am Ende gibt es folgendes:

</table>
</body>
</center>
<!-- InstanceEnd --></html>

zwischen </body> und </html> darf aber nix stehen, vermutlich ist die richtige Reihenfolge:

</table>
</center>
</body>
</html>

Vermutlich weil ich mich in den fürchterlichen DW-Quälcode lieber nicht vertiefe.

Antwort 32 von optimfish

Hallo Ralf

Ich wär ja blöd, würde ich das Geschenk der Kritik nicht annehmen. So gefällt mir z.bsp. der Hintergrund immer noch nicht so sehr.

Ich habe mal deinen Editor installiert und die Vorlage-Seite geladen. Bei mir sind die Meta-tags aber nur einmal vorhanden! Was wolltest du damit bezwecken, ich kann den Code auch im Dreamveawer oder in deinem NVU betrachten.

Es ist auch nicht ausgeschlossen, dass ich die Page ganz neu anfange, von vorne. Aber im Moment habe ich keine Zeit dazu und das nötige Wissen fehlt mir auch noch. Weiss ich doch zum Beispiel nicht, warum DW diese Fehler produziert, bzw. was ich falsch gemacht habe

Gruss
Franz

Antwort 33 von Ralfman

Hi optimfish,
etwas bestimmtes Bezwecken wollte ich eigentlich nicht, ich finde nur das der Quellcode sehr übersichtlich dargestellt wird, und dort auch gleich Editiert werden kann (auch gut für JAVA, PHP und mehr).
Ich selbst hab auch mal den Dreamweaver genutzt (damals noch V4.0), bin dan aber dazu übergegangen vieles "zu Fuß" also per hand zu machen (Phase5) da der DW den Quellcode unnötig aufgeblasen hat. Der NUV ist Ideal für das Grundgerüst, und wird zur Zeit Vorwiegend genutzt. Aber ein anschließendes Nacheditieren bleibt auch beim NUV nicht aus. Und dazu ist conTEXT nun mal besser als der Quelltexteditor von NUV.

Die Idee noch mal von vorn anzufangen ist gar nicht so übel, ist in vielen fällen einfacher als Fehlersuche. Aber behalte dennoch die bisher erstellten Seiten, in einigen Jahren wirst Du Dir das noch einmal anschauen und Deine eigenen Fortschritte sehen können. Der Erste Entwurf (ist die Aktuelle Seite sicherlich nicht) war mit sicherheit der schlimmste.

Ralf

Antwort 34 von Griemokhan

Dass das "NICHT" geht, siehst du, wenn du mal auf den von mir angebotenen Link gehst und dort das Browserfenster verkleinerst, ruhig mal in verschiedenen Ausmaßen.

Verwunderlich, wie "wenig" das geht, was du suchst.

Naja, wenn´s grundsätzlich nicht geht,
ist auf bezeichneter Seite eben ein Wunder geschehen.

Cherrio!

Antwort 35 von optimfish

Hallo Griemokhan

Zitat:
Dass das "NICHT" geht, siehst du, wenn du mal auf den von mir angebotenen Link gehst und dort das Browserfenster verkleinerst, ruhig mal in verschiedenen Ausmaßen.

Verwunderlich, wie "wenig" das geht, was du suchst.

Naja, wenn´s grundsätzlich nicht geht,
ist auf bezeichneter Seite eben ein Wunder geschehen.

Cherrio!

Geht in Ordnung, hab dich wohl falsch verstanden, so wie oben beschrieben, habe ich deinen Link auch erlebt :-)))))

@rfb

Wir haben Erfolg! Jetzt sind es bloss noch 2 alt-Fehler, die es allerdings scheinbar in sich haben. Ich habe die betroffenen "alts" in der Vorlage eingebaut, auf der Indexseite erscheinen die "alts" jedoch im Quelltext nicht! Hab die Vorlage gespeichert, DW neu gestartet nützt alles nichts. Auch im Web sind die alts nicht auffindbar. Die anderen "alts" auf der Index-Seite konnte ich so problemlos nachträglich einfügen. Hast du eine Ahnung, warum sich meine Vorlage nicht aktualisieren lässt?

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.wanderschweiz.co...

Antwort 36 von optimfish

Huuuch, jetzt habe ich die Vorlage mit "Context" gespeichert und mit DW geladen, jetzt sind die alt-Fehlermeldungen weg, dafür 2 andere Fehler :-)))

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.wanderschweiz.co...

Na sowas??

Antwort 37 von optimfish

rfb, nach ruckeln und zuckeln ist nun ein Fehler übriggeblieben.

Scheinbar in dieser Zeile:

<body background="../img/hintergr_n.jpg" onload="MM_preloadImages(´../img/bwan_022.gif´,´../img/bbeb_%20022.gif´,´../img/bimp_022.gif´,´../img/bcomp022.gif´,´../img/bges_022.gif´,´../img/bkubu_022.gif´,´../img/bausr_01.gif´)">

Ist das Body-Tag so korrekt eröffnet? DW hat das so gemacht!

Antwort 38 von Ralfman

Sehe ich das richtig? Hast Du da eine lücke im Grafiknamen?

background="img/hintergr_n.jpg"
onload="MM_preloadImages
(
´img/bwan_022.gif´,
´img/bbeb_%20022.gif´,
´img/bimp_022.gif´,
´img/bcomp022.gif´,
´img/bges_022.gif´,
´img/bkubu_022.gif´,
´img/bausr_01.gif´)">

Ralf

Antwort 39 von optimfish

Ich finde keine Lücke, weiss nicht wieso diese % Zeichen kommen. Die Grafiken heissen bebl_1 und bebl_2.gif

Antwort 40 von Ralfman

Da ist doch aber eine bbeb_ 022.gif oder sehe ich das Verkehrt?

Antwort 41 von Griemokhan

Ändere doch mal die Bildgröße von "haupthg.jpg.gif" (eigenartige Dateibezeichnung übrigens) auf 1500x1000 und schau, was passiert.

Antwort 42 von optimfish

Richtig, das ist das Rolloverbild! Wieso meinst du? Glaubst du die Fehlermeldung hat was mit dem zu tun?

Antwort 43 von rfb

@Grimo:

Zitat:
Dass das "NICHT" geht, siehst du, wenn du mal auf den von mir angebotenen Link gehst und dort das Browserfenster verkleinerst, ruhig mal in verschiedenen Ausmaßen. ... Naja, wenn´s grundsätzlich nicht geht, ist auf bezeichneter Seite eben ein Wunder geschehen.

was einfach daran liegt, dass das dort gar kein Hintergrundbild ist!

Antwort 44 von rfb

im Quelltext steht folgendes

...
</head>
<center>
<body ...>
....
</body>
</center>

center darf aber überhaupt nur innerhalb des body vorkommen!
Also wäre die korrekte Reihenfolge:

...
</head>
<body ...>
<center>
....
</center>
</body>

(wenn du dies veraltete center-tag überhaupt benutzen willst)

Antwort 45 von Ralfman

Zitat:
(wenn du dies veraltete center-tag überhaupt benutzen willst)

Und deshalb css

Ralf

Antwort 46 von optimfish

Na Ihr Leute! :-))))

Es hat geklappt! Null Fehler jetzt!

This Page Is Valid HTML 4.01 Transitional! (Steht da jetzt nach dem Validation Test in grün)

Dank euch habe ich also jetzt ein 4.01-saubere Page!

Meine neue Page, werde ich versuchen mit CSS zu gestalten! Hab aber die Sache noch nicht so ganz kapiert! Muss zuerst die Grundlagen erarbeiten!

Habt also ganz herzlichen Dank!

Viele Grüsse aus der CH

Franz