[GastForen Web allgemein HTML und CSS / Stylesheets Mein :hover funktioniert nicht

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Mein :hover funktioniert nicht

kunstmaler
Beiträge gesamt: 71

30. Mär 2006, 17:32
Beitrag # 1 von 24
Bewertung:
(7191 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Langsam weiss ich wie ein CSS funktioniert.
Nun habe ich aber ein Problem mit :hover
Alle Textformatierungen funktioneren:
Ausser dem .nav_links:hover

So sieht das CSS aus.
.Titel {
color: #fff;
font: bold 10pt Verdana;
text-decoration: none; }.Fliesstext {
color: #fff;
font: 10pt Verdana; }

.link_home {
color: #fff;
font-size: 10pt;
font-family: Verdana;
font-weight: bold;
font-variant: normal;
text-decoration: none; }

.nav_links {
color: #343434;
font: 10pt Verdana;
text-decoration: none; }

.nav_links:hover {
color: #f00;
font: 10pt Verdana; }
text-decoration: none; }

Im AdobegoLife Vorschau sieht alles perfekt aus.
Mit dem Microsoft Internet Explorer wird die Farbe der Schrift nicht geändert.

Woran liegt das wohl?
DOCTYPE oder sonst irgendwo?
X

Mein :hover funktioniert nicht

FSt
  
Beiträge gesamt: 1965

30. Mär 2006, 18:12
Beitrag # 2 von 24
Beitrag ID: #220909
Bewertung:
(7186 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo kunstmaler

Du musst noch ein a voranstellen, also a.nav_links, bzw. a.nav_links:hover schreiben.

Gruss
FSt


als Antwort auf: [#220898]

Mein :hover funktioniert nicht

loethelm
Beiträge gesamt: 6029

30. Mär 2006, 23:23
Beitrag # 3 von 24
Beitrag ID: #220943
Bewertung:
(7174 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

alternativ:

.nav_links a:hover


als Antwort auf: [#220909]

Mein :hover funktioniert nicht

r a c
Beiträge gesamt: 955

31. Mär 2006, 01:32
Beitrag # 4 von 24
Beitrag ID: #220955
Bewertung:
(7171 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

das CSS muss man zusammen mit dem HTML-Quelltext sehen.

Zitat von FSt a.nav_links:hover

Das heisst, ein Link der Klasse "nav_links" reagiert auf hover.
<a class="nav_links" href="#">irgendwas</a>


Zitat von loethelm .nav_links a:hover

Das heisst, in einem Elter-Element mit Klasse "nav_links" steckt ein Link, der auf hover reagiert.
<div class="nav_links"><a href="#">irgendwas</a></div>

Grüsse r a c


als Antwort auf: [#220909]

Mein :hover funktioniert nicht

FSt
  
Beiträge gesamt: 1965

31. Mär 2006, 07:16
Beitrag # 5 von 24
Beitrag ID: #220960
Bewertung:
(7156 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo r a c

Danke für die Präzisierung.
Wieder einmal wurde gezeigt, das es "die Wahrheit" nicht gibt, sondern nur richtige Sichtweisen ...

Philosophische Grüsse
FSt


als Antwort auf: [#220955]

Mein :hover funktioniert nicht

kunstmaler
Beiträge gesamt: 71

31. Mär 2006, 08:46
Beitrag # 6 von 24
Beitrag ID: #220970
Bewertung:
(7150 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Vielen Dank für alle Ratschläge
Habe alles versucht, funtioniert leider immer noch nicht.

A: Warum ein CSS wenn dieses nicht in einem separaten Ordner sein darf
== rac: das CSS muss man zusammen mit dem HTML-Quelltext sehen ==

B: wenn ich ein a vor a.nav_links:hover stelle!
== FSt Du musst noch ein a voranstellen, also a.nav_links, bzw. a.nav_links:hover schreiben. ==

wird der Link zum zum CSS SPan im Adobe GoLive nicht mehr angezeigt, ich kann also keine Zuweisung mehr machen.

Ist wohl alles nicht so einfach, wie es immer propagiert wird.


als Antwort auf: [#220960]

Mein :hover funktioniert nicht

aportmann
Beiträge gesamt: 252

31. Mär 2006, 08:59
Beitrag # 7 von 24
Beitrag ID: #220973
Bewertung:
(7146 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo

Zitat das CSS muss man zusammen mit dem HTML-Quelltext sehen


da hast du wohl was falsch verstanden. was rac meint ist, dass wir ohne einsicht in deinen html-quelltext nur schwer helfen können. poste diesen oder stelle uns eine onlineversion zur verfügung.

gruss andi


als Antwort auf: [#220970]

Mein :hover funktioniert nicht

kunstmaler
Beiträge gesamt: 71

31. Mär 2006, 09:18
Beitrag # 8 von 24
Beitrag ID: #220977
Bewertung:
(7139 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Andy
Ich werde die relevanten Seiten auf meinen FTP Surfer stellen.
Ich melde mich sofort wieder.

Gruss Paul Niggli


als Antwort auf: [#220973]

Mein :hover funktioniert nicht

kunstmaler
Beiträge gesamt: 71

31. Mär 2006, 09:42
Beitrag # 9 von 24
Beitrag ID: #220985
Bewertung:
(7133 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Möchtest Du die Seite ansehen oder benötigst Du Daten! unter folgendem Link kann die Seite ansehen oder Elemente dazu herunter laden.


ftp://195.49.72.214/ftp/download/foto-zone

User: xxxx (gelöscht von FSt)
Passwort: yyyy (gelöscht von FSt)

Die Seite ist noch nicht fertig und hat auch sonst noch einige Fehler.

Gruss Paul


als Antwort auf: [#220977]
(Dieser Beitrag wurde von FSt am 31. Mär 2006, 10:21 geändert)

Mein :hover funktioniert nicht

SabineP
Beiträge gesamt: 7586

31. Mär 2006, 10:01
Beitrag # 10 von 24
Beitrag ID: #220995
Bewertung:
(7131 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Paul,
ändere mal schnell Dein FTP-Passwort.
Jetzt kann jeder Deine Daten löschen, wenn er das möchte.
Die Welt ist böse, weißt Du das nicht :-)

Gruß Sabine


als Antwort auf: [#220985]

Mein :hover funktioniert nicht

kunstmaler
Beiträge gesamt: 71

31. Mär 2006, 10:07
Beitrag # 11 von 24
Beitrag ID: #220998
Bewertung:
(7125 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine
Vielen Dank für deine Aufmerksamkeit.
Löschen kann keiner.
Höchstens Daten oder die ganze Seite herunter laden.
Da die Seite nichts besonderes ist kann Sie jeder haben der möchte.
Wenn er sie herunter lädt und validiert, kann er sie mir ja wieder hoch laden.
Würde ihm gerne den Zugriff auf den upload geben. ;)

Gruss Paul


als Antwort auf: [#220995]

Mein :hover funktioniert nicht

aportmann
Beiträge gesamt: 252

31. Mär 2006, 10:18
Beitrag # 12 von 24
Beitrag ID: #221000
Bewertung:
(7123 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo paul

ich habe es mir kurz angeschaut. was auffällt: für die links brauchst du kein span, sondern eine klassendefinition für den tag <a> (sofern du nicht alle links identisch formatieren willst). der internet explorer akzeptiert entgegen der «modernen» browsern die pseudoklasse :hover nur bei links.

was du brauchst ist so was:
Code
a.navi:link, a.navi:visited { 
color: #343434;
font: 30pt Verdana;
text-decoration: none;
}

a.navi:hover {
color: #f00;
font: 10pt Verdana;
text-decoration: none;
}


wie du das in golive anstellen kannst, kann ich dir nicht sagen...ich vertraue nur meinem text-editor :-)

gruss andi


als Antwort auf: [#220998]

Mein :hover funktioniert nicht

FSt
  
Beiträge gesamt: 1965

31. Mär 2006, 10:37
Beitrag # 13 von 24
Beitrag ID: #221003
Bewertung:
(7115 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Paul

Ich hab Deine Zugriffsdaten trotzdem gelöscht ...

Bevor ich mich länger mit Deinem Code befasse, kannst Dumir einige Fragen beantworten?

Was genau möchtest Du erreichen?
So wie ich es bisher verstanden habe, möchtest Du einen grauen Navigations-Link beim überfahren mit der Maus rot darstellen, richtig?

Hast Du auf Deiner Seite noch andere Links. die nicht zur Navigation gehören und die anders dargestellt werden sollen?

Danke für Deine Antworten

Gruss
FSt


als Antwort auf: [#220998]

Mein :hover funktioniert nicht

FSt
  
Beiträge gesamt: 1965

31. Mär 2006, 10:40
Beitrag # 14 von 24
Beitrag ID: #221006
Bewertung:
(7114 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Noch was...

Auf der Seite news.htm hast Du einen Fehler. Der Home-Link zeigt auf Deine lokale Festplatte. Das musst Du noch ändern.
Und immer daran denken, bei GoLive nie ohne Site-Datei arbeiten, von dort kommen nämlich solche Fehler ... ;-)

Gruss
FSt


als Antwort auf: [#221003]

Mein :hover funktioniert nicht

kunstmaler
Beiträge gesamt: 71

31. Mär 2006, 10:58
Beitrag # 15 von 24
Beitrag ID: #221009
Bewertung:
(7109 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo FSt
Dass Du Daten löschen kanst ist mir ein Rätsel!
Auf dem FTP Serfer sind immer noch alle Daten vorhanden.

Die graue Navigation soll beim überfahren mit der Maus eine andere Farbe erhalten. In meinem Falle rot.

Auf der Seite hat es noch Links auf Homepages von Freunden welche weiss auf schwarzem Hintergund sind. Diese habe ich noch nicht in das Problem mit einbezogen.

Das mit dem Home ist richtig, muss ich noch korrigieren.

Hallo Andi
Deinen Code habe ich probiert.
Wie würde die folgende Zeile mit dem Texteditor denn aussehen?

<tr height="24">
<td valign="middle" align="right" height="24"><a href="preise.htm" target="FrameInhalt"><span class="nav_links"><span style="letter-spacing: 0">Preise</span></span></a>
</td>

Gruss Paul


als Antwort auf: [#221003]
X

Aktuell

PDF / Print
IWS-Logo_300

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
18.06.2024

Online
Dienstag, 18. Juni 2024, 10.00 - 10.30 Uhr

Webinar

In diesen beiden kostenlose Webinaren erfahren Sie, wie Sie mit Hilfe von Enfocus Griffin und dem Impressed Workflow Server Ihren LFP-Workflows optimieren können. 18.06.2024: So optimieren Sie Ihre Prozesse mit Enfocus Griffin 02.07.2024: So sparen Sie Zeit und Geld mit Impressed Workflow Server in der LFP-Edition Griffin: Griffin ist das leistungsstarke Kraftpaket für das automatische Nesting im Großformatdruck. Dank eines ausgeklügelten, KI-basierten Nesting-Algorithmus können Sie mit Griffin Vorlagen schnell und effizient vernutzen – und das klappt auch mit unregelmäßigen Formen perfekt. Das spart Ihnen unzählige Stunden, die Sie bisher mit dem manuellen Nesting und Ausschießen verbracht haben. Einige wichtige Funktionen ≡ Anlage von Beschnittzugaben ≡ Automatische Erzeugung der Schnittkontur ≡ Erstellung von Strichcodes, Textmarkierungen und Registrierungen IWS LFP Edition: Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Mit dem IWS LFP Edition automatisieren Sie Ihre Produktion von der Übernahme der Daten aus dem ERP-System bis zur Erzeugung der verschachtelten Druckform und der Übergabe an den RIP. Phoenix Core ist eine hochentwickelte KI-Technologie für die Planung und das Nesting von Druckerzeugnissen. Anders als herkömmliche Ausschießlösungen arbeitet Phoenix nicht auf Basis von Vorlagen, sondern erzeugt entsprechend der Maschinen- und Produktionsanforderungen druckfertige Layouts „on-the-fly“.

kostenlos

Ja

Organisator: Impressed GmbH

https://www.impressed.de/schulung.php?c=sDetail&sid=328

So optimieren Sie Ihren LFP-Workflow
Veranstaltungen
02.07.2024

Online
Dienstag, 02. Juli 2024, 10.00 - 10.30 Uhr

Webinar

In diesen beiden kostenlose Webinaren erfahren Sie, wie Sie mit Hilfe von Enfocus Griffin und dem Impressed Workflow Server Ihren LFP-Workflows optimieren können. 18.06.2024: So optimieren Sie Ihre Prozesse mit Enfocus Griffin 02.07.2024: So sparen Sie Zeit und Geld mit Impressed Workflow Server in der LFP-Edition Griffin: Griffin ist das leistungsstarke Kraftpaket für das automatische Nesting im Großformatdruck. Dank eines ausgeklügelten, KI-basierten Nesting-Algorithmus können Sie mit Griffin Vorlagen schnell und effizient vernutzen – und das klappt auch mit unregelmäßigen Formen perfekt. Das spart Ihnen unzählige Stunden, die Sie bisher mit dem manuellen Nesting und Ausschießen verbracht haben. Einige wichtige Funktionen ≡ Anlage von Beschnittzugaben ≡ Automatische Erzeugung der Schnittkontur ≡ Erstellung von Strichcodes, Textmarkierungen und Registrierungen IWS LFP Edition: Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Mit dem IWS LFP Edition automatisieren Sie Ihre Produktion von der Übernahme der Daten aus dem ERP-System bis zur Erzeugung der verschachtelten Druckform und der Übergabe an den RIP. Phoenix Core ist eine hochentwickelte KI-Technologie für die Planung und das Nesting von Druckerzeugnissen. Anders als herkömmliche Ausschießlösungen arbeitet Phoenix nicht auf Basis von Vorlagen, sondern erzeugt entsprechend der Maschinen- und Produktionsanforderungen druckfertige Layouts „on-the-fly“.

kostenlos

Ja

Organisator: Impressed GmbH

Kontaktinformation: E-Mailschulungen AT impressed DOT de

https://www.impressed.de/schulung.php?c=sDetail&sid=328

So optimieren Sie Ihren LFP-Workflow