[GastForen Web allgemein HTML und CSS / Stylesheets CSS und Link:hover

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

CSS und Link:hover

Blackhead77
Beiträge gesamt: 118

7. Dez 2007, 20:52
Beitrag # 1 von 9
Bewertung:
(5686 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo

ich habe für mein Menü eine Tabelle li:hover benutzt leider funktioniert dass nicht:


Code
li.menu:hover 
{
margin-left:5px;
margin-top:20px;
width:85px;
height:90px;
list-style-type: none;
padding-top: 30px;
padding-left:1px;
text-decoration:none;
background-image:url(../Bilder/desing/button.jpg);
background-repeat:no-repeat;
text-align:center;
word-spacing:50px;
}

Wie kann ich das ändern

Vielen Dank
ingo Schwarzhaupt
X

CSS und Link:hover

SabineP
Beiträge gesamt: 7586

7. Dez 2007, 21:21
Beitrag # 2 von 9
Beitrag ID: #326279
Bewertung:
(5677 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Ingo,

ohne HTML-Code und verwendeten Browser kann man dazu nichts sagen.
Gruß Sabine


als Antwort auf: [#326276]
(Dieser Beitrag wurde von SabineP am 7. Dez 2007, 21:26 geändert)

CSS und Link:hover

FSt
  
Beiträge gesamt: 1961

7. Dez 2007, 21:24
Beitrag # 3 von 9
Beitrag ID: #326281
Bewertung:
(5676 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Ingo

li.menu a:hover

Fast nichts, Sabine ... Smile

Der Klassiker! hover funktioniert im IE6 nur bei a. Für weitere Infos und Background-Literatur schau mal hier:
http://de.selfhtml.org/...en/pseudoformate.htm
oder hier
http://www.google.com/...oklassen&spell=1

Gruss
Martin


Wer noch mehr HDS will – PremiumMember wissen wieso
https://www.hilfdirselbst.ch/...m.cgi?do=membership;
http://www.wpms.ch


als Antwort auf: [#326276]
(Dieser Beitrag wurde von FSt am 7. Dez 2007, 21:25 geändert)

CSS und Link:hover

SabineP
Beiträge gesamt: 7586

7. Dez 2007, 21:43
Beitrag # 4 von 9
Beitrag ID: #326286
Bewertung:
(5671 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ohne HTML-Code bleibt es beim Kaffeesatzlesen.

Dieser Code zum Beispiel funktioniert im IE und allen anderen Browsern:

<!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></title>
<style type="text/css">
li .menu:hover{color:#f00}
</style>
</head>
<body>
<ul>
<li><a href="http://example.com" class="menu">bla</a></li>
</ul>
</body>
</html>


Dieser jedoch in keinem Browser:

<!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></title>
<style type="text/css">
li.menu:hover{color:#f00}
</style>
</head>
<body>
<ul>
<li><a href="http://example.com" class="menu">bla</a></li>
</ul>
</body>
</html>
Gruß Sabine


als Antwort auf: [#326281]

CSS und Link:hover

pixxxelschubser
Beiträge gesamt: 1682

7. Dez 2007, 21:48
Beitrag # 5 von 9
Beitrag ID: #326287
Bewertung:
(5667 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
immer diese Leerzeichenschmuggler

Sly


Wink
Viele Grüße
pixxxelschubser




Was wir wissen, ist ein Tropfen; was wir nicht wissen, ein Ozean.

Isaac Newton




als Antwort auf: [#326286]

CSS und Link:hover

FSt
  
Beiträge gesamt: 1961

8. Dez 2007, 06:27
Beitrag # 6 von 9
Beitrag ID: #326303
Bewertung:
(5594 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine

Du nennst es "Kaffeesatz lesen", ich nenn es "mit der Schrotflinte ins Dunkle schiessen und anschliessend schauen was man getroffen hat"

Gruss
Martin


Wer noch mehr HDS will – PremiumMember wissen wieso
https://www.hilfdirselbst.ch/...m.cgi?do=membership;
http://www.wpms.ch


als Antwort auf: [#326286]

CSS und Link:hover

Blackhead77
Beiträge gesamt: 118

8. Dez 2007, 14:13
Beitrag # 7 von 9
Beitrag ID: #326327
Bewertung:
(5568 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
der Befehl hover funktioniert Allgemein nicht.

Das ist allerdings erst seit dem ich den margin-top Befehl hinzu gefügt habe.

Seite
http://hurra-club.de/index.html

Der komplette CSS Code:
Code
     body 	    {background-color: #6699CC;} 




a.desing
{
margin-top:0px;
margin-left:250px;
position:absolute;
}

h4.desing
{
height:400px;
width:120px;
position:absolute;
margin-left: 0px;
z-index:1;
margin-top: 85px;

}
ul.menu
{
table-layout: auto;
margin-left: 30px;
padding-top: 100px;
padding-right: 10px;
}
li.menu
{
margin-left:5px;
margin-top:20px;
width:85px;
height:90px;
list-style-type: none;
padding-top: 30px;
padding-left:1px;
text-decoration:none;
background-image:url(../Bilder/desing/button.jpg);
background-repeat:no-repeat;
text-align:center;
word-spacing:50px;
}
li.menu:hover
{
margin-left:5px;
margin-top:20px;
width:85px;
height:90px;
list-style-type: none;
padding-top: 30px;
padding-left:1px;
text-decoration:none;
background-image:url(../Bilder/desing/button.jpg);
background-repeat:no-repeat;
text-align:center;
word-spacing:50px;
}
a.menu
{
text-decoration:none;
color: black;
}

div.inhalt
{
margin-top: 60px;
margin-left:210px;
height:520px;
width:590px;
padding-top:10px;
padding-left:14px;
padding-bottom:0px;
background-image: url(../Bilder/desing/desing.jpg);
background-attachment:scroll;
background-repeat:no-repeat;
overflow:auto;
position:absolute;
z-index:2;
}
a.inhalt
{
text-decoration:none;
font-style: normal;
}



als Antwort auf: [#326281]

CSS und Link:hover

SabineP
Beiträge gesamt: 7586

8. Dez 2007, 14:48
Beitrag # 8 von 9
Beitrag ID: #326329
Bewertung:
(5557 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Was möchtest Du eigentlich erreichen?

Die Eigenschaften dieser beiden Klassen sind vollkommen identisch.

li.menu
{
margin-left:5px;
margin-top:20px;
width:85px;
height:90px;
list-style-type: none;
padding-top: 30px;
padding-left:1px;
text-decoration:none;
background-image:url(../Bilder/desing/button.jpg);
background-repeat:no-repeat;
text-align:center;
word-spacing:50px;
}

li.menu:hover

{
margin-left:5px;
margin-top:20px;
width:85px;
height:90px;
list-style-type: none;
padding-top: 30px;
padding-left:1px;
text-decoration:none;
background-image:url(../Bilder/desing/button.jpg);
background-repeat:no-repeat;
text-align:center;
word-spacing:50px;
}


Versuch es mal mit li .menu:hover
Ich weiß aber nicht, ob das Ergebnis Deinen Wünschen entspricht.
Gruß Sabine


als Antwort auf: [#326327]
(Dieser Beitrag wurde von SabineP am 8. Dez 2007, 14:49 geändert)

CSS und Link:hover

Blackhead77
Beiträge gesamt: 118

9. Dez 2007, 10:26
Beitrag # 9 von 9
Beitrag ID: #326362
Bewertung:
(5504 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Danke für die Hilfe,
Habe vergessen dem hover ein aderes Bild zu geben. Blush


als Antwort auf: [#326329]
(Dieser Beitrag wurde von Blackhead77 am 9. Dez 2007, 10:26 geändert)
X

Aktuell

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

IDUGS#85 Press2id

Zoom Meeting
Donnerstag, 29. Sept. 2022, 19.00 - 21.00 Uhr

Vortrag

Kennst du WordPress? Vielleicht. Verwendest du WordPress? Ja, klar! WordPress ist das am weitesten verbreitete System für die Erstellung von Webseiten. Um Webseitenbau soll es auf dieser IDUG aber nicht gehen. Gregor zeigt press2id (github.com/grefel/press2id). Seine Open-Source-Lösung für die Verbindung von Web und InDesign. Richtig gelesen: InDesign liest mithilfe von press2id die Inhalte der WordPress-Webseiten und generiert daraus Zeitschriften, Kataloge, Programmhefte oder Bierdeckel (das zeigen wir natürlich auch!). So wird die „Content First“ Theorie zu einer konkret anwendbaren Praxis, ohne gleich die ganz großen Räder zu drehen. Versprochen: Jeder kann nach der IDUG innerhalb kürzester Zeit Daten von WordPress nach InDesign importieren. Aber Achtung: Prinzipiell kann press2id aus jeder Website, oder besser Contentmanagementsystem (CMS) Daten auslesen und nach InDesign importieren! Spannend, oder? Danach geht es in die Praxis: Stefan hat die Webseite des Parktheater Iserlohn (parktheater-iserlohn.de) gestaltet. Die gedruckten Spielpläne (parktheater-iserlohn.de/interaktive-spielplaene) werden mit press2id realisiert. Wir schauen in den Maschinenraum und zeigen, wie die Lösung des Projekts realisiert wurde.

Nein

Organisator: InDesign Usergroup Stuttgart

Kontaktinformation: Christoph Steffens, E-Mailidug AT satzkiste DOT de

https://idugs85.eventbrite.de/

Von Wordpress nach InDesign
Veranstaltungen
08.11.2022

Frankfurt, Fraport Conference Center
Dienstag, 08. Nov. 2022, 13.30 - 18.00 Uhr

Seminar

Auf der Enfocus World Tour stellen wir Ihnen gemeinsam mit Enfocus die aktuellen Highlights von Enfocus Switch und dem Impressed Workflow Server (IWS) vor. Wir präsentieren Ihnen anhand typischer Aufgabenstellungen in einem modernen Produktionsbetrieb die Möglichkeiten, die Enfocus Switch für die Automatisierung und Standardisierung von Abläufen bietet. Wir haben sowohl für Produktionsverantwortliche als auch technisch Interessierte ein spannendes Programm vorbereitet, bei dem Sie sicherlich viel Neues erfahren werden, welches Sie in Ihrem eigenen Betrieb umsetzen können. Die Veranstaltung bietet darüber hinaus eine hervorragende Möglichkeit, sich mit anderen Anwendern und Workflow-Spezialisten auszutauschen und Antworten auf konkrete Aufgabenstellungen zu erhalten, welche Sie mit Hilfe von Enfocus Switch/IWS umsetzen möchten.

Wir sind jeweils an 2 Tagen in Frankfurt, Hamburg und München vor Ort. Der erste (halbe) Tag richtet sich in erster Linie an Betriebsleiter und Produktionsverantwortliche in Druckereien - ist also weniger technisch orientiert - sondern gibt einen Überblick zu den heutigen Möglichkeiten einer automatisierten Produktion.

Der zweite Tag (Switch Anwender-Treffen) richtet sich an bestehende Switch-Anwender und Administratoren.

Anmeldung und weitere Infos: https://www.impressed.de/schulung.php?c=sDetail&sid=310

Ja

Organisator: Enfocus/Impressed

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

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

Enfocus World Tour 2022