mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 06:32 Benutzername: Passwort: Auto-Login

Thema: Problem mit li:hover vom 26.03.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Problem mit li:hover
Seite: 1, 2  Weiter
Autor Nachricht
desertshadow
Threadersteller

Dabei seit: 28.07.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 26.03.2009 14:57
Titel

Problem mit li:hover

Antworten mit Zitat Zum Seitenanfang

hey leute, ich bin seit gestern dran mein portfolio zu "programmieren", aber da musste ich feststellen, das meine kenntnisse als hobbydesigner für mein problem nicht ausreichen.
mein problem:
ich habe ein großes image, wo ich via css ein menü positioniert habe mit <ul><li> usw, das ging auch ganz gut nut dann wollte ich den hover machen, und er wird nicht richtig angezeigt ich habe keine ahnung warum.

hier meine index.html:
Code:
<!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>Patrick Portfolio</title>
<!-- Meta_start -->
<meta http-equiv="content-type" content="application/xhtml+xml;charset=UTF-8"/>
<meta http-equiv="imagetoolbar" content="no"/>
<meta name="robots" content="index, follow"/>
<meta name="publisher" content="Patrick Schwark"/>
<meta name="copyright" content="Patrick"/>
<meta name="Content-Language" content="de"/>
<meta name="description" content="Patricks Portfolio - Finden Sie hier einiges zu Patrick heraus."/>
<meta name="keywords" content="Patrick, Schwark, Gelsenkirchen, Scholven,"/>

<!-- Stylesheets -->
<link rel="stylesheet" type="text/css" href="layout.css"/>

</head>

<!-- Body -->
<body>

<!-- Layout -->
<div class="wrapper">
<div class="navimg"><div class="navi">
<ul>
<li><a href="">News</a></li>
<li><a href="">&Uuml;ber mich</a></li>
<li><a href="">Referenzen</a></li>
<li><a href="">Job?</a></li>
<li><a href="">Kontakt</a></li>
<li><a href="">Impressum</a></li>
</ul></div></div>

</div>
</body>
</html>


und hier meine css datei:
Code:
@CHARSET "UTF-8";

/* Body and Font */
body{background: #3a3d40 url(Bilder/background.gif) 0 0 repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

/* Links */
a:link, a:active, a:visited{color:#ffffff; text-decoration:none;}
a:hover{color:#ffffff; text-decoration:none;}

/* Wrapper */
.wrapper{width:1200px; position:relative; left:50%; margin-left:-600px;}

/* Navi Image */
.navimg{background-image:url(Bilder/navimg.png); position:relative; width:1038px; height:494px; left:85px; top:55px;}

/* Menü */
.navi ul{list-style-typ:none; position:relative; top:153px; left:435px;}
.navi li{padding:10px; display:inline; position:relative;}
.navi li:hover{background-image:url(Bilder/hover.png); background-repeat:no-repeat; width:80px; height:50px; position:relative;}


ich hoffe jemand von euch hat eine ahnung, oder weiss was fehlt oder wad falsch ist.

mfg =)

[edit Kash: Thema verschoben von Programmierung - HTML/CSS sind keine Programmiersprachen]


Zuletzt bearbeitet von Kash am Do 26.03.2009 15:01, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 26.03.2009 15:03
Titel

Antworten mit Zitat Zum Seitenanfang

In welchem Browser funktioniert es nicht?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Mac

Dabei seit: 26.08.2005
Ort: Köln
Alter: 62
Geschlecht: Männlich
Verfasst Do 26.03.2009 15:03
Titel

Antworten mit Zitat Zum Seitenanfang

li:hover wird nicht von allen Browsern (insbesondere IE) unterstützt

schau mal bei www.css4you.de


Zuletzt bearbeitet von Mac am Do 26.03.2009 15:04, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
desertshadow
Threadersteller

Dabei seit: 28.07.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 26.03.2009 15:04
Titel

Antworten mit Zitat Zum Seitenanfang

in gar keinem, die images werden gar nicht richtig angezeigt, egal ob FF oder IE7/8 das hoverbild ist 80*50px groß aber es wird nir stückweise angezeigt
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 26.03.2009 15:06
Titel

Antworten mit Zitat Zum Seitenanfang

stimmt der Pfad zu den Bildern?
probiere am besten mal absolute pfadangaben (http://www.domain.de/bilder/bild.jpg) aus um zu sehen ob es am hover selbst liegt.
  View user's profile Private Nachricht senden
desertshadow
Threadersteller

Dabei seit: 28.07.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 26.03.2009 15:10
Titel

Antworten mit Zitat Zum Seitenanfang

ja klar die bilder werden ja auch teilweise angezeigt, und der rest ist wie verschwunden.

hier mal die live url: livedemo
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Do 26.03.2009 15:21
Titel

Antworten mit Zitat Zum Seitenanfang

also ich sehe alle bilder, die du im css definiert hast...

und nebenbei: im ie6 is deine seite leider grütze...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
desertshadow
Threadersteller

Dabei seit: 28.07.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 26.03.2009 15:24
Titel

Antworten mit Zitat Zum Seitenanfang

ja man sieht sie ja auch, aber wenn du mal auf NEWS gehst wird gerade 1/4 angezeigt davon und bei IMPRESSUM zb nur die obere hälfte.
das mitn ie und so kommt ja noch is noch gar kein quelltext vorhanden der was hergibt Grins
  View user's profile Private Nachricht senden
 
Ähnliche Themen HTML a:hover Problem
Problem mit CSS Hover Effekt
Problem mit IE7 und hover-Navigation
CSS - Problem mit Hover-Effekt
Problem mit hover effect
Problem beim Hover mit iphone
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.