zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden MouseOver-Effekt?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.04.2007, 12:19
CSS Noob
neuer user
Thread-Ersteller
 
Registriert seit: 02.11.2006
Ort: Salzburg/Österreich
Beiträge: 55
Cluster befindet sich auf einem aufstrebenden Ast
Standard MouseOver-Effekt?

Gute Tag,
ich habe folgenden Code gecodet:

HTML:
PHP-Code:
<div id="navi"><a id="navi1" href="#"><img id="navi1" src="../img/navi1.png" border="0"></a><a id="navi2"><img id="navi2" src="../img/navi2.png" border="0"></a><a id="navi3"><img id="navi3" src="../img/navi3.png" border="0"></a><a id="navi4"><img id="navi4" src="../img/navi4.png" border="0"></a></div>
<
div class="clearer"></div
CSS:
PHP-Code:
div#navi {
    
width100%;
    
height30px;
    
backgroundurl(../img/navi.pngno-repeat;
    
displayinline;
    
floatleft;
}
a#navi1 {
    
width162px;
    
height30px;
    
    
}
a#navi2 {
    
width161px;
    
height30px;
    

}
a#navi3 {
    
width161px;
    
height30px;
    

}
a#navi4 {
    
width157px;
    
height30px;
    
    
}
img#navi1 {
    
cursorpointer;
}
img#navi2 {
    
cursorpointer;
}
img#navi3 {
    
cursorpointer;
}
img#navi4 {
    
cursorpointer;

Nachzusehen hier: Header-Test

Nun will ich einen mouseover effekt, bei dem einfach das Bild durch ein anderes ausgetauscht wird. Allerdings schaffe ich das nicht

Bin für jede Hilfe dankbar.

lg Cluster
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.04.2007, 14:33
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.843
RoToRa wird schon bald berühmt werden
Standard

1) The W3C Markup Validation Service (IDs nur *einmal* pro HTML-Dokument)
2) In CSS lassen sich nur Hintergrundbilder austauschen: Beispiel: Listamatic: Image Swap

Robin
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.04.2007, 12:22
CSS Noob
neuer user
Thread-Ersteller
 
Registriert seit: 02.11.2006
Ort: Salzburg/Österreich
Beiträge: 55
Cluster befindet sich auf einem aufstrebenden Ast
Standard

Irgendwie rückt das ganze nach innen, ich weiß nicht woran das liegt, hab schon alle verdächtigen Werte rausgenommen, hat aber auch nichts geholfen.

Ich sehe hier keinen Fehler im Code: Header-Test

CSS:
PHP-Code:
#navcontainer ul li
{
list-
style-typenone;
padding0 0 0 0;
margin0 0 0 0;
displayblock;
floatleft;
backgroundurl("http://biphome.spray.se/karl10/images/navBarBg.gif"repeat-x 0px;
font10px/20px "Lucida Grande"verdanasans-serif;
text-aligncenter;
}

#navcontainer a
{
color#000;
text-decorationnone;
displayblock;
width160px;
border-top1px solid #A8B090;
border-bottom1px solid #A8B090;
border-left1px solid #A8B090;
}

#navcontainer li#active {
    
backgroundurl("http://biphome.spray.se/karl10/images/navBarBgHover.gif"repeat-x 0px
}
#navcontainer a:hover {
    
backgroundurl("http://biphome.spray.se/karl10/images/navBarBgHover.gif"repeat-x 0px

HTML:
PHP-Code:
<div id="navcontainer">
    <
ul id="navlist">
        <
li id="active"><a href="#" id="current">Startseite</a></li>
        <
li><a href="#">Aufgaben</a></li>
        <
li><a href="#">Kalender</a></li>
        <
li><a href="#">Mitglieder</a></li>
        <
div class="clearer"></div>
    </
ul>
    
</
div>
<
div class="clearer"></div

Bitte um Hilfe!
Mit Zitat antworten
  #4 (permalink)  
Alt 26.04.2007, 12:29
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Siehe FAQ: CSS-Prolog.

Dein Code ist nicht valide. Ein div kann nicht Kind eines ul-Elements sein.
Mit Zitat antworten
  #5 (permalink)  
Alt 26.04.2007, 12:31
CSS Noob
neuer user
Thread-Ersteller
 
Registriert seit: 02.11.2006
Ort: Salzburg/Österreich
Beiträge: 55
Cluster befindet sich auf einem aufstrebenden Ast
Standard

stimmt, aber das ist nicht das problem, ich hab das erst hinzugefügt, als das Problem bereits bestand.
Mit Zitat antworten
  #6 (permalink)  
Alt 26.04.2007, 12:31
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Cluster Beitrag anzeigen
als das Problem bereits bestand.
Welches Problem?
Mit Zitat antworten
  #7 (permalink)  
Alt 26.04.2007, 12:34
CSS Noob
neuer user
Thread-Ersteller
 
Registriert seit: 02.11.2006
Ort: Salzburg/Österreich
Beiträge: 55
Cluster befindet sich auf einem aufstrebenden Ast
Standard

Das hier:

Mit Zitat antworten
  #8 (permalink)  
Alt 26.04.2007, 12:35
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Meine Antwort besteht aus zwei Teilen. Lies die FAQ!
Mit Zitat antworten
  #9 (permalink)  
Alt 26.04.2007, 12:58
CSS Noob
neuer user
Thread-Ersteller
 
Registriert seit: 02.11.2006
Ort: Salzburg/Österreich
Beiträge: 55
Cluster befindet sich auf einem aufstrebenden Ast
Standard

versteh ich nicht, ich habe bereits sämtliche padding und margin auf 0 gesetzt. Und der Firefox zeigt mir den "Standardkonformer Modus" an.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 26.04.2007, 13:01
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Cluster Beitrag anzeigen
versteh ich nicht, ich habe bereits sämtliche padding und margin auf 0 gesetzt.
Nein, hast du nicht.
Was genau hast du am "CSS-Prolog" nicht verstanden?
Mit Zitat antworten
Sponsored Links
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
Bild resizable und mit MouseOver Effekt csigg CSS 1 12.11.2010 11:18
MouseOver Effekt funzt nicht KrasseMama CSS 7 20.07.2008 15:09
CSS - Mouseover - Effekt mit Grafiken erzielen fuhrheiner CSS 13 11.10.2005 19:44
PHP Menü mit MouseOver Effekt Flo01 CSS 11 14.04.2005 17:45
MouseOver Effekt + Link auf die extreme Tour YUMYUM-75 CSS 1 15.11.2004 22:24


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