HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Firefox-IE html Anzeigeprobleme

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Firefox-IE html Anzeigeprobleme

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
marrie



Anmeldungsdatum: 17.10.2009
Beiträge: 3

BeitragVerfasst am: 17.10.2009 15:26:02    Titel: Firefox-IE html Anzeigeprobleme Antworten mit Zitat

Hallo,

erstelle gerade meine erste Homepage.
Wollte nun Mouseover-Buttons einfügen.

Habe von einem Bekannten auch eine Programmierung bekommen, aber im Firefox wird diese völlig verzerrt angezeigt und im IE richtig bzw. fast richtig, obwohl er die Programmierung über FF angelegt hat.

Gibt es hier Unterschiede in der Programmierung?

Ãœber eine schnelle Antwort wär ich dankbar.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
marrie



Anmeldungsdatum: 17.10.2009
Beiträge: 3

BeitragVerfasst am: 17.10.2009 17:53:08    Titel: hier der code Antworten mit Zitat

<html>
<head>
<title>Fussball</title>

<SCRIPT type="text/javascript" language="JavaScript">
window.onload = start;

function start ()
{
window.naviBar();
}

function naviBar()
{
document.getElementById('punkt1').onmouseover = aufzuklappen;
document.getElementById('punkt1').onmouseout = aufzuklappen;
document.getElementById('punkt2').onmouseover = aufzuklappen;
document.getElementById('punkt2').onmouseout = aufzuklappen;
document.getElementById('punkt3').onmouseover = aufzuklappen;
document.getElementById('punkt3').onmouseout = aufzuklappen;
document.getElementById('punkt4').onmouseover = aufzuklappen;
document.getElementById('punkt4').onmouseout = aufzuklappen;
document.getElementById('punkt5').onmouseover = aufzuklappen;
document.getElementById('punkt5').onmouseout = aufzuklappen;
document.getElementById('punkt6').onmouseover = aufzuklappen;
document.getElementById('punkt6').onmouseout = aufzuklappen;
document.getElementById('punkt7').onmouseover = aufzuklappen;
document.getElementById('punkt7').onmouseout = aufzuklappen;
}

function aufzuklappen(eventObjekt)
{
//alert('this.id = '+this.id);

var tempID = this.id;

if (!eventObjekt)
{eventObjekt = window.event;}

//window.alert("Es ist ein Ereignis vom Typ " + eventObjekt.type + " passiert.");

if(eventObjekt.type == "mouseover")
{
document.getElementById('unter'+tempID).style.display = "block";
}
else
{document.getElementById('unter'+tempID).style.display = "none"; tempNaviPunkt = 'none';}
}
</script>

<style>
a:link, a:visited, a:active, a:hover
{
text-decoration:none;
color:#000000;
}
a:active, a:hover
{
color:red;
font-weight:bold;
}



.navi
{
padding:0px;
margin:0px;
}

.navi li
{
display:inline;
position:relative;

background-color:yellow;
border:4px solid blue;

padding:4px;
width:150px;
margin:2px;
overflow:visible;
text-align:center;
}

.navi li ul
{
display:none;
position:absolute;
background-color:#FFFFFF;
border:1px solid #E0E0E0;
width:150px;
text-align:center;
right:-4px;
top:30px;
}

.navi li ul li
{
text-align:center;
width:145px;
border:1px solid #000000;
}
</style>

</head>


<table>
<tr>
<td>
<ul class="navi">

<li id="punkt1">
<a href="#">Administration</a>

<div class="lowerPoints">
<ul id="unterpunkt2">
<li><a href="#">Attribut anlegen</a></li>
<li><a href="#" target="_blank">synchro</a></li>
<li><a href="#">...</a></li>
</ul>
</div>
</li>

<li id="punkt2">
<a href="#">Administration</a>

<div class="lowerPoints">
<ul id="unterpunkt2">
<li><a href="#">Attribut anlegen</a></li>
<li><a href="#" target="_blank">synchro</a></li>
<li><a href="#">...</a></li>
</ul>
</div>
</li>

<li id="punkt3">
<a href="#">Administration</a>

<div class="lowerPoints">
<ul id="unterpunkt3">
<li><a href="#">Attribut anlegen</a></li>
<li><a href="#" target="_blank">synchro</a></li>
<li><a href="#">...</a></li>
</ul>
</div>
</li>
</ul>
</td>
</tr>
</table>

<!-- start --><script type="text/javascript" src="http://www.piranho.de/a.php"></script><!-- end --></body>




</html>
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
marrie



Anmeldungsdatum: 17.10.2009
Beiträge: 3

BeitragVerfasst am: 18.10.2009 17:56:48    Titel: Antworten mit Zitat

Hat sich erledigt, hab rausgefunden warum es nicht geklappt hat. Hatte es als <table> dargestellt und hab es jetzt gelöscht.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.