zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden image replacement mit phark method

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.06.2009, 00:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.10.2008
Beiträge: 8
Timoslav befindet sich auf einem aufstrebenden Ast
Standard image replacement mit phark method

hi leute
ich habe versucht meine navi mit dem image replacement nach der phark methode umzusetzen.
ff funzt auch.

nur im ie zeigt er zwar die bilder aber die links funktionieren nicht mehr.

any ideas?
Studipoint - Mathematik Tutorien an der Hochschule Mnchen

HTML-Code:
.nav_hide {
	background: no-repeat;
	text-indent: -100em;
}

h2 {
	font-size: 1.2em;
	line-height: 1.5em;
}

h2.home {
	background-image: url(../images/nav_home.png);
	padding-top: -2px;
	padding-bottom: 2px;
}
h2.about {
	background-image: url(../images/nav_about.png);
}
h2.wer {
	background-image: url(../images/nav_wer.png);
}
h2.wo {
	background-image: url(../images/nav_wo.png);
}
h2.wie {
	background-image: url(../images/nav_wie.png);
}
h2.courses {
	background-image: url(../images/nav_kurse.png);
}
h2.forum {
	background-image: url(../images/nav_forum.png);
}
HTML-Code:
		<ul class="navigation">
        	<li><a href="index.html"><h2 class="nav_hide home">Home</h2></a></li>
            <li><a href="#"><h2 class="nav_hide about">Über uns</h2></a></li>
            <li>
            	<ul class="sub_nav">
                	<li><a href="wer.html"><h2 class="nav_hide wer">- wer</h2></a></li>
                    <li><a href="wo.html"><h2 class="nav_hide wo">- wo</h2></a></li>
                    <li><a href="wie.html"><h2 class="nav_hide wie">- wie</h2></a></li>
                </ul>
            </li>
            <li><a href="http://courses.studipoint.de" target="_blank"><h2 class="nav_hide courses">Kurse</h2></a></li>
            <li><a href="http://forum.studipoint.de" target="_blank"><h2 class="nav_hide forum">Forum</h2></a></li>
        </ul><!-- END navigation -->
danke!

greetz
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.06.2009, 02:04
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Blockelemente dürfen nicht in Inline-Elementen stehen.
Wenn du bei den Überschriften bleiben möchtest kannst du sie um a legen:
Code:
<li><h2 class="nav_hide home"><a href="index.html">Home</a></h2></li>
Die replacement-methode wendest du dann auf a an:
Code:
.nav_hide a {
display: block;
text-indent: -100em;
display: block;
height: 41px;
width: 110px;
}

.home a {
background-image: url(../images/nav_home.png);
}
Mir gefällt die Gilder-/Levin-Methode besser da der Verweistext ohne Grafiken sichtbar wird.
__________________
MfG
Jens

Geändert von plastiko (15.06.2009 um 02:10 Uhr) Grund: Gilder-/Levin
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.06.2009, 22:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.10.2008
Beiträge: 8
Timoslav befindet sich auf einem aufstrebenden Ast
Standard

hey! danke für den tipp.

aber funzt im ie immer noch nicht...

Geändert von Timoslav (15.06.2009 um 23:07 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 16.06.2009, 01:54
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Du mußt den Links (a.nav_hide) die entsprechende Höhe geben.
__________________
MfG
Jens
Mit Zitat antworten
  #5 (permalink)  
Alt 16.06.2009, 23:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.10.2008
Beiträge: 8
Timoslav befindet sich auf einem aufstrebenden Ast
Standard

awesome! jetzt gehts!

danke nochmal, muss jetzt aber dafür die navi anpassen...ie mann mann!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Imagemap Zugriff bei einer Gallery Sarah14 Javascript & Ajax 3 12.11.2007 15:06
fahrner image replacement alejandro CSS 1 19.08.2007 03:03
Input Button Image Replacement Pablo CSS 0 17.08.2007 02:35
Dynamisches Text / Image Replacement paracelsus Ressourcen 0 01.08.2007 11:36


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:55 Uhr.