[GastForen Archiv Adobe GoLive Zellenhintergrundfarbe auf CSS-hoover

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Archiv - Archivierte Foren
Themen
Beiträge
Moderatoren
Letzter Beitrag

Zellenhintergrundfarbe auf CSS-hoover

Didl
Beiträge gesamt: 81

17. Sep 2002, 15:05
Beitrag # 1 von 9
Bewertung:
(1850 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Habe eine Problem mit Netscape. Möchte in einer Tabellenzelle (darin sind ausschließlich zweizeilige Textlinks) auf hoover die Hintergrundfarbe der gesamten Zelle ändern und mit einem Rahmen versehen. Klappt beim IE einwandfrei. Bei Netscape 6.23 (4.x geht nich mit hoover, ich weiß) wird jedoch nur die Textbreite der ersten Zeile einer Zelle umrandet und das auch nur zum Tei.
CSS ist ausgelagert und sieht wie folgt aus:
a.intern:link { color: black; font-size: 12px; padding: 2px; width: 100%; height: 100% }
a.intern:visited { color: black; font-size: 12px; padding: 2px; width: 100%; height: 100% }
a.intern:hover { color: black; font-size: 12px; text-decoration: none; background-color: #c6d4dd; text-align: center; padding: 2px; border: solid 1px black; width: 100%; height: 100% }
a.intern2:hover1 { color: black; font-size: 12px; text-decoration: none; background-color: white; padding: 2px; border: solid 1px black; width: 100%; height: 100% }
a.intern:active { color: black; font-size: 12px; padding: 2px; width: 100%; height: 100% }

Wo liegt ein möglicher Fehler?
X

Zellenhintergrundfarbe auf CSS-hoover

Dirk Levy
  
Beiträge gesamt: 9466

17. Sep 2002, 15:09
Beitrag # 2 von 9
Beitrag ID: #11577
Bewertung:
(1850 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi,

geht es denn mit NS7 oder Mozilla 1.1?
Dann kannst Du das vergessen, daran
was ändern zu müßen der NS6 ist ein
absolut krummes Teil und voller Bugs.

Gruß
Dirk

[Adobe GoLive Tipps & Tricks]
http://www.gltipps.de


als Antwort auf: [#11576]
(Dieser Beitrag wurde von Dirk Levy am 17. Sep 2002, 15:09 geändert)

Zellenhintergrundfarbe auf CSS-hoover

Didl
Beiträge gesamt: 81

17. Sep 2002, 15:41
Beitrag # 3 von 9
Beitrag ID: #11584
Bewertung:
(1850 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Dirk, habe mal die Tabelle zur Anschauung hinterlegt auf
http://www.prange.de/tabelle.html
Habe schon auf Mozilla und NS 7 getestet, sieht aus wie Kraut und Rüben.
Alle Bücher zu CSS gewelzt, ich bekomme es nicht hin. Es soll so aussehen wie beim IE.


als Antwort auf: [#11576]

Zellenhintergrundfarbe auf CSS-hoover

Dominik
Beiträge gesamt: 163

17. Sep 2002, 17:16
Beitrag # 4 von 9
Beitrag ID: #11590
Bewertung:
(1850 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Vorweg: Das ist ein Bug im IE. Der darf den Hover vom Link nicht als Block darstellen, sondern müßte den (wie Mozilla es korrekt macht) als Inlineelement behandeln.

Lösungsansatz:
a.intern:hover {display:block; color: black; font-size: 12px; text-decoration: none; background-color: #c6d4dd; padding: 2px; border: solid 1px black; width: 100%; height: 100% }

Beim hovern verschiebt sich dann die Tabelle, was einen sehr unruhigen Eindruck macht. (Lösung: kein zusätzliches Padding bei :hover angeben.

Die Zeile mit :hover1 kannst Du löschen. Das ist kein zulässiger Pseudoselektor.

HTH


als Antwort auf: [#11576]
(Dieser Beitrag wurde von Dominik am 17. Sep 2002, 17:18 geändert)

Zellenhintergrundfarbe auf CSS-hoover

rene
Beiträge gesamt: 116

17. Sep 2002, 17:32
Beitrag # 5 von 9
Beitrag ID: #11593
Bewertung:
(1850 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Mit NS 4.x geht das wohl nicht, aber 7.x
sollte das können.

füge mal für hover folgendes hinzu

float: left

dann sieht es schon ganz gut aus (NS 7)

René


als Antwort auf: [#11576]

Zellenhintergrundfarbe auf CSS-hoover

Dominik
Beiträge gesamt: 163

17. Sep 2002, 17:55
Beitrag # 6 von 9
Beitrag ID: #11595
Bewertung:
(1850 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Faktisch dieselbe Lösung. Ein css-float macht das Element auch zum Block. :-)

Bei mir - Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en-US; rv:1.1) Gecko/20020826 - fehlt dann oben rechts ein kleines Stücken der schwarzen Linie...


als Antwort auf: [#11576]

Zellenhintergrundfarbe auf CSS-hoover

Didl
Beiträge gesamt: 81

17. Sep 2002, 18:05
Beitrag # 7 von 9
Beitrag ID: #11599
Bewertung:
(1850 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Vielen Dank für Eure spontane Hilfe, sonst hätt ich mich wahrscheninlich totprobiert...
Ich habe es jetzt:
a.intern:link { color: black; font-size: 12px; padding: 2px; }
a.intern:visited { color: black; font-size: 12px; padding: 2px}
a.intern:hover {display:block; color: red; font-size: 12px; text-decoration: none;padding:2px; background-color: #c6d4dd; border: solid 1px black; width: 125px; height: 30px }
a.intern:active { color: black; font-size: 12px; padding: 2px; }

Funktioniert ohne Wackeln im Mozilla! Er mochte wohl die Prozentangabe width/height nicht so gern für den block.

DANKE!!


als Antwort auf: [#11576]

Zellenhintergrundfarbe auf CSS-hoover

rene
Beiträge gesamt: 116

17. Sep 2002, 18:18
Beitrag # 8 von 9
Beitrag ID: #11603
Bewertung:
(1850 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
na bitte!!

aber, die Zustände, die sich nicht ändern, wie
font-size 12px und padding 2px können doch noch weg,
oder irre ich? (hover, active und visited)


als Antwort auf: [#11576]

Zellenhintergrundfarbe auf CSS-hoover

Dominik
Beiträge gesamt: 163

17. Sep 2002, 19:08
Beitrag # 9 von 9
Beitrag ID: #11609
Bewertung:
(1850 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Du irrst Dich nicht. :-) Das CSS könnte man so zusammenfassen:

<style type="text/css" media="screen"><!--
a.intern { color: black; font-size: 12px; padding: 2px; }
a.intern:hover {display:block; color: red; text-decoration: none; background-color: #c6d4dd; border: solid 1px black; width: 125px; height: 30px }

--></style>

Ich habe ein ganz deutliches Ruckeln beim hovern in MacMozilla 1.1 (genaue Version steht oben). Soll ich Dir mal zwei Screenshots machen und die hochladen, damit Du den Größenunterschied sehen kannst? Hast Du die Tabellengrößen sowohl im HTML als auch im CSS gemacht?


als Antwort auf: [#11576]
(Dieser Beitrag wurde von Dominik am 17. Sep 2002, 19:11 geändert)
X

Aktuell

Web / SEO / Blockchain / Betriebssystem
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
14.05.2024

Online
Dienstag, 14. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Prozessoptimierung ist ein Teamsport! Keine Software und keine Maschine allein kann Ihnen helfen, die Effizienzpotenziale Ihres Betriebes maximal auszuschöpfen. Von der Auftragsannahme über die Vorstufe und den Druck bis hin zur Weiterverarbeitung – alles muss optimal ineinandergreifen. Apropos Weiterverarbeitung – in vielen Druckbetrieben fristet sie in Sachen Prozessoptimierung immer noch ein Schattendasein. Dabei liegen hier mittlerweile die größten Einsparpotenziale! In einem Webinar von Horizon und Impressed erfahren Sie, wie Sie diese Einsparungen realisieren können. Horizon, bekannt für innovative Lösungen in der Druckweiterverarbeitung, bietet mit iCE LiNK eine Workflowlösung für die Weiterverarbeitung. iCE LiNK überwacht, visualisiert und analysiert Produktionsabläufe und unterstützt bei der Wartung – damit immer alles reibungslos läuft. Den gleichen Anspruch hat der von Impressed entwickelte Impressed Workflow Server – er ist die smarte PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt. Im Webinar zeigen Ihnen die Experten von Horizon und Impressed, wie beide Lösungen im Team die Effizienz und Produktivität Ihres Betriebes steigern können. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Ja

Organisator: Impressed / Horizon

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

Einsparpotenziale in der Weiterverarbeitung
Veranstaltungen
16.05.2024

Online
Donnerstag, 16. Mai 2024, 10.00 - 10.30 Uhr

Webinar

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? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Nein

Organisator: Impressed / Günther Business Solutions

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

Und es geht doch: Automatisierung im Großformatdruck!