Autor |
Nachricht |
desertshadow
Threadersteller
Dabei seit: 28.07.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 26.03.2009 14:57
Titel Problem mit li:hover |
|
|
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="">Ü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
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 26.03.2009 15:03
Titel
|
|
|
In welchem Browser funktioniert es nicht?
|
|
|
|
|
Anzeige
|
|
|
Mac
Dabei seit: 26.08.2005
Ort: Köln
Alter: 62
Geschlecht:
|
Verfasst Do 26.03.2009 15:03
Titel
|
|
|
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
|
|
|
|
|
desertshadow
Threadersteller
Dabei seit: 28.07.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 26.03.2009 15:04
Titel
|
|
|
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
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 26.03.2009 15:06
Titel
|
|
|
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.
|
|
|
|
|
desertshadow
Threadersteller
Dabei seit: 28.07.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 26.03.2009 15:10
Titel
|
|
|
ja klar die bilder werden ja auch teilweise angezeigt, und der rest ist wie verschwunden.
hier mal die live url: livedemo
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Do 26.03.2009 15:21
Titel
|
|
|
also ich sehe alle bilder, die du im css definiert hast...
und nebenbei: im ie6 is deine seite leider grütze...
|
|
|
|
|
desertshadow
Threadersteller
Dabei seit: 28.07.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 26.03.2009 15:24
Titel
|
|
|
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
|
|
|
|
|
|
|
|
Ä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
|
|