Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

HTML Code ändern: Link nicht unterstreichen

Empfohlene Antworten

Veröffentlicht

Guten Morgen,

ich hab da mal ein kleines aber feines Problemchen.

Auf meiner HTML-Seite befinden sich 3 Frames. Im linken Frame hab ich eine Menüstruktur, die hauptsächlich aus Links besteht. Diese Links sehen jedoch häßlich aus: sie sind dunkelblau und unterstrichen. Leider finde ich in meinem Quelltext nichts, was darauf hinweist, dass ich das so eingestellt habe. Ich denke, dass die Browser die Links irgendwie autoatisch so aussehen lassen, o.ä. Aber wie bekomm ich das weg? Ich möchte die Links weder blau noch unterstrichen haben...

:confused:

Ich wär euch sehr dankbar, wenn ihr mir bei meinem kleinen Problemchen helfen würdet!

Ännie

<a href="url" style="color: black; text-decoration: none">klickmir</a>

du kannst das auch zentral definieren, damit du das nicht bei jedem link einzeln eintragen musst.

setz dich am besten mal mit stylesheets (css) auseinander.

http://de.selfhtml.org/css/index.htm

grüße,

dennis

Ja, Links sind automatisch blau bei Browsern.

Mach es über CSS weg:



<html>

<head>

...

<style type="text/css">

<!--

a { color: #ff0000; text-decoration: none; }

//-->

</style>

...


Mehr findest du z.B. hier

Ohje...ich bekomms einfach nicht hin...

ich schick euch grad mal nen ausschnitt aus meinem Quelltext.

Hab das eine auch schon eingefügt, es reagiert nur leider nicht.

<div style="text-align: center; color: violet; font-weight: bold;"><font size="3" style="color: violet; text-decoration: none;"><br /></font><font size="3" style="font-family: Tahoma; color: violet;"><font size="2"><a href="http://www.dreipage.de/link_23803466_text_11664554_deutsch.html" target="frame3">Herzlich Willkommen</a></font><br /><font size="1"><br /></font>

Wär lieb, wenn ihr mir nochmal helfen würdet.


<html>

<head>

<style type="text/css">

<!--

a:link {

    color: #000000;

    font-family: tahoma;

    text-decoration: none;

    font-weight: bold;

}


a:hover {

    color: #808080;

    font-family: tahoma;

    font-weight: bold;

}

//-->

</style>

</head>


<body>


<a href="http://www.dreipage.de/link_23803466_text_11664554_deutsch.html" target="frame3">Herzlich Willkommen</a>


</body>

</html>


<font size="3" style="color: violet; text-decoration: none;">

  <br />

</font>

<font size="3" style="font-family: Tahoma; color: violet;">

  <font size="2">

    <a href=...

:eek

Das könnte glatt als abschreckendes Beispiel für HTML-Code durchgehen ;)

Deine "Nichtunterstreichung" hast du übrigens nur auf den Zeilenumbruch bezogen, kein wunder dass der Link sich davon unbeeindruckt zeigt. ;)

Tip:

Schau die mal CSS an, z.B. auf http://www.css4you.de ...

Bezogen auf die Font-Tags:

Da es sich bei diesen Elementen um die schlimmste "Verunreinigung" von HTML als reiner Struktursprache handelt, die bisher passiert ist...

Oh oh oh, vielen lieben Dank...ich werds gleich mal ausprobieren...! :)

Ich weiß, mein Quellcode ist grauenvoll....sehr durcheinander...aber das sind meine Gehirnwindungen auch...

@ZuViel:



<style type="text/css">

<!--

a { font-family: tahoma;

     font-weight: bold; }


a:link {

    color: #000000;

    text-decoration: none;

}


a:hover {

    color: #808080;


}

//-->

</style>


Warum nicht die Gemeinsamkeiten zusammenfassen? ;)

Wobei eine spezifische Font-Family (Tahoma) immer als letztes kommen sollte... Erstmal allgemeine Angaben wie serif oder sans etc.

also das "hover" funktioniert, der rest nur leider nicht... :(

mach ich was falsch? ;)

hhmmm....muss ich vielleicht noch was beachten?

wenn der Link schon besucht wurde kann es sein das du dafür noch einen "eigenen" style einfügen musst


<style type="text/css">

<!--

a { font-family: tahoma;

     font-weight: bold; }


a:link {

    color: #000000;

    text-decoration: none;

}


a:hover {

    color: #808080;


}


a:visited {

    color: #000000;

    text-decoration: none;

}

//-->

</style>

Oh, es ist immer wieder ein Genuss, eure Vorschläge umzusetzen und zu sehen, dass alles funktioniert, wie ich es mir vorgestellt habe. :uli

Ihr seid göttlich! Dankeschön :D

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.