Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

gelöst Ungewollte Lücken-Abstände in der Menüleiste mit IExplorer

Mitglied: Franzmann

Franzmann (Level 1) - Jetzt verbinden

11.11.2006, aktualisiert 18.11.2006, 3800 Aufrufe, 5 Kommentare

Hallo,
ich habe eine Menüleiste erstellt und auch funktioniert.
Diese wird mit Mozilla Firefox richtig dargestellt.
Nur unter MS Internet Explorer bekomme ich zwischen die Menüpunkte automatische Platzlücken.
Kann mir jemand sagen wie ich mein Menü für beide Browser kompatibel bekomme
und gleich aussehen lasse.
Hoffe die Erklärung war einigermaßen hilfreich, anbei der Quellcode:

Schnipp --->

<html>

<head>
<title>Menuleiste</title>
</head>

<body>

<style type="text/css">
ul#navigation {
width: 12em;
}
li {
list-style: none;
background-color: #ff0000;
border-top: solid 1px #E5E5E5;
text-align: left;
margin: 0;
}
li a {
display: block;
text-decoration: none;
padding: .25em;
border-bottom: 1px solid #E5E5E5;
border-right: 1px solid #ff0000;
}
a:link, a:visited { color: #ffffff; }
a:hover, a:active { color: #ffffff; }
a:hover { background-color: #FF9999; }
p a:link, p a:visited { color: #000; }
</style>

<td bgcolor="#ffffff" valign="top" height="155" width="194">
<table border="0" cellpadding="1" cellspacing="1" width="97%" bgcolor="#000000">
<tr>
<td bgcolor="ff0000" width="100%"> <center>
<p align="left"><font size="2" face="Verdana" color="white">NAVIGATION</font><font size="2" face="Verdana" color="white">
</font></p>
</center>
</td>
</tr>

<tr>
<td bgcolor="#FFFFFF" width="190">



<li><a href="index.htm">HOME</a></li>
<li><a href="2.htm">UNTERNEHMEN</a></li>

<li id="youarehere"><a href="/3.htm">PRODUKTE</a></li>
<li><a href="4.htm">SHOP</a></li>

<li id="youarehere"><a href="5.htm">KONTAKT</a></li>
<li><a href="6.htm">IMPRESSUM</a></li>

</td>
</tr>
</table>

</body>

</html>

<--- Schnapp
Mitglied: Mitchell
11.11.2006 um 14:36 Uhr
Probier's mal so:

01.
<html>
02.

03.
<head>
04.
<title>Menuleiste</title>
05.
</head>
06.

07.
<body>
08.

09.
<style type="text/css"> 
10.
ul#navigation { 
11.
width: 12em; 
12.
} 
13.
li { 
14.
list-style: none; 
15.
background-color: #ff0000; 
16.
border-top: solid 1px #E5E5E5; 
17.
text-align: left; 
18.
margin: 0; 
19.
} 
20.
li a { 
21.
display: block; 
22.
text-decoration: none; 
23.
padding: .25em; 
24.
border-bottom: 1px solid #E5E5E5; 
25.
border-right: 1px solid #ff0000; 
26.
} 
27.
a:link, a:visited { color: #ffffff; } 
28.
a:hover, a:active { color: #ffffff; } 
29.
a:hover { background-color: #FF9999; } 
30.
p a:link, p a:visited { color: #000; } 
31.
</style>
32.

33.
<td bgcolor="#ffffff" valign="top" height="155" width="194"> 
34.
<table border="0" cellpadding="1" cellspacing="1" width="97%" bgcolor="#000000"> 
35.
<tr> 
36.
<td bgcolor="ff0000" width="100%"> <center> 
37.
<p align="left"><font size="2" face="Verdana" color="white">NAVIGATION</font><font size="2" face="Verdana" color="white"> 
38.
</font></p> 
39.
</center> 
40.
</td> 
41.
</tr> 
42.

43.
<tr> 
44.
<td bgcolor="#FFFFFF" width="190"> 
45.

46.

47.
<li><a href="index.htm">HOME</a></li><li><a href="2.htm">UNTERNEHMEN</a></li><li id="youarehere"><a href="/3.htm">PRODUKTE</a></li><li><a href="4.htm">SHOP</a></li><li id="youarehere"><a href="5.htm">KONTAKT</a></li><li><a href="6.htm">IMPRESSUM</a></li></td> 
48.
</tr> 
49.
</table>
50.

51.
</body>
52.

53.
</html>
Die Listings müssen einfach direkt aneinander stehen. Leider habe ich jetzt kein Firefox, um es auch da zu testen. Beim IE klappt's.

Mfg

Mitchell
Bitte warten ..
Mitglied: Franzmann
11.11.2006 um 15:36 Uhr
Hey,
yo super klappt 1A !! Danke !
Jetzt habe ich nur noch das Problem das es linksbündig sein muss.
Also "Home" soll genau unter "Navigation" stehen.
Hast du ne Idee ?
Bitte warten ..
Mitglied: Mitchell
13.11.2006 um 07:38 Uhr
kanns hier leider nicht ausprobieren. Du musst also entweder warten, bis ich wieder zu Hause bin (am Wochenende) oder es antworten andere


Mfg

Mitchell
Bitte warten ..
Mitglied: Franzmann
13.11.2006 um 07:52 Uhr
...warte ;D ...
Bitte warten ..
Mitglied: Mitchell
18.11.2006 um 17:51 Uhr
so....da bin ich

Erstmal: Es funktioniert auf jedenfall mit einer Tabelle, allerdings nicht in deinem Code. Da ich mich aber leider zu wenig mit HTML auskenne, musst du da nochmal ran.

Hier also meine Lösung (mit einem Teil von deinem Code):

01.
<td bgcolor="#ffffff" valign="top" height="155" width="194"> 
02.
<table border="0" cellpadding="1" cellspacing="1" width="97%" bgcolor="#000000"> 
03.
<tr> 
04.
<td bgcolor="ff0000" width="100%"> <center> 
05.
<p align="left"><font size="2" face="Verdana" color="white">NAVIGATION</font><font size="2" face="Verdana" color="white"> 
06.
</font></p> 
07.
</center> 
08.
</td> 
09.
</tr> 
10.

11.
<tr> 
12.
<td bgcolor="#FFFFFF" width="190"> 
13.

14.

15.
<table><a href="index.htm">HOME</a></table><table><a href="2.htm">UNTERNEHMEN</a></table><table><a href="/3.htm"></table><table>PRODUKTE</a></table><table><a href="4.htm">SHOP</a></table><table></a></table><table><a href="5.htm">KONTAKT</table><table></a></table><tabel><a href="6.htm">IMPRESSUM</table></a></td>
16.
</tr>
du siehst, ich habe statt einer Liste eine Tabelle geschrieben. Wenn ich diese allerdings in deinen Code einfüge (sieht dann so aus),

01.
<html>
02.

03.
<head>
04.
<title>Menuleiste</title>
05.
</head>
06.

07.
<body>
08.

09.
<style type="text/css"> 
10.
ul#navigation { 
11.
width: 12em; 
12.
} 
13.
li { 
14.
list-style: none; 
15.
background-color: #ff0000; 
16.
border-top: solid 1px #E5E5E5; 
17.
text-align: left; 
18.
margin: 0; 
19.
} 
20.
li a { 
21.
display: block; 
22.
text-decoration: none; 
23.
padding: .25em; 
24.
border-bottom: 1px solid #E5E5E5; 
25.
border-right: 1px solid #ff0000; 
26.
} 
27.
a:link, a:visited { color: #ffffff; } 
28.
a:hover, a:active { color: #ffffff; } 
29.
a:hover { background-color: #FF9999; } 
30.
p a:link, p a:visited { color: #000; } 
31.
</style>
32.

33.
<td bgcolor="#ffffff" valign="top" height="155" width="194"> 
34.
<table border="0" cellpadding="1" cellspacing="1" width="97%" bgcolor="#000000"> 
35.
<tr> 
36.
<td bgcolor="ff0000" width="100%"> <center> 
37.
<p align="left"><font size="2" face="Verdana" color="white">NAVIGATION</font><font size="2" face="Verdana" color="white"> 
38.
</font></p> 
39.
</center> 
40.
</td> 
41.
</tr> 
42.

43.
<tr> 
44.
<td bgcolor="#FFFFFF" width="190"> 
45.

46.

47.
<table><a href="index.htm">HOME</a></table><table><a href="2.htm">UNTERNEHMEN</a></table><table><a href="/3.htm"></table><table>PRODUKTE</a></table><table><a href="4.htm">SHOP</a></table><table></a></table><table><a href="5.htm">KONTAKT</table><table></a></table><tabel><a href="6.htm">IMPRESSUM</table></a></td>
48.
</tr>
49.

50.
</body>
51.

52.
</html>
zeigt der IE mir nur eine leere Tabelle an. Das selbe habe ich auch wieder mit deiner Liste probiert, kommt aber das selbe bei raus.

Sorry, dass ich dir nicht helfen kann, aber ich lerne selber erst richtig HTML . Werde aber, wenn ich Zeit finde, mir das ganze nochmal angucken. Solltest du in der Zeit die Lösung gefunden haben, wär ich froh, wenn du sie mir mitteilen würdest.

Mfg

Mitchell
Bitte warten ..
Ähnliche Inhalte
Windows 10
Systemsymbole Abstand
Frage von AnfaengerCHWindows 102 Kommentare

Hallo Habe Win 10 Pro/64 und in der Tastleiste "zucken" die Systemsymbole ständig zusammen und auseinander. D.h. sie waagrechten ...

Hardware
Abstand Server - USV
gelöst Frage von RG2525Hardware2 Kommentare

Hallo, In einem Serverschrank liegen ganz unten 2 Stück USV und gleich darüber ein Server mit 9x 2,5 HDs. ...

Windows 10
Abstand Windows Festplattenanzeige
gelöst Frage von WaishonWindows 106 Kommentare

Moin zusammen, ich habe heute Windows 10 frisch installiert. Es läuft auch soweit alles. Jetzt habe ich allerdings ein ...

Windows 10
Windows 10 - fehlerhafter Icon Abstand
gelöst Frage von DasBillWindows 104 Kommentare

Guten Abend zusammen, ich habe gerade eben meinen PC neu installiert, u.a wegen meinem Store-Problem. Allerdings ist wohl der ...

Neue Wissensbeiträge
Windows Server
Windows Backup - FilterManager Event 3
Tipp von NixVerstehen vor 14 StundenWindows Server

Hallo zusammen, ich bin kein gelernter ITler und auch beruflich nicht in dem Feld tätig. Wir setzen in unserem ...

Windows 10

Windows 10 - Programme laufen schneller, wenn Sie mit Administratorrechten ausgeführt werden

Erfahrungsbericht von 1Werner1 vor 1 TagWindows 1011 Kommentare

Moin, das wollte ich erst nicht glauben, aber es ist so. Wenn Ihr ein Programm mit Administratorrechten unter Windows ...

Sicherheits-Tools
Putty hat heftige Bugs korrigiert!
Information von Lochkartenstanzer vor 2 TagenSicherheits-Tools8 Kommentare

Moin, Wie man aus herauslesen kann, sind in den Versionen vor 0.71 gravierende Bugs, die es angeraten erscheinen lassen, ...

Off Topic
Sachen die die Welt nicht braucht - Platz 1
Tipp von brammer vor 5 TagenOff Topic21 Kommentare

Hallo, ich habs als Tipp angelegt als Erfahrungsbericht nein Danke brammer

Heiß diskutierte Inhalte
Hardware
Telefonanlagen - Welche gibt es
Frage von Xaero1982Hardware36 Kommentare

Nabend Zusammen, ich suche eine neue TK Anlage und mein Auftraggeber will jetzt was völlig neues - State of ...

Outlook & Mail
Office 365 mit Email-Profil installieren
Frage von Carat2121Outlook & Mail18 Kommentare

Hallo, kurz zu meiner Person: Vor ungefahr 10 Jahren habe ich eine Umschuldung zum Fachinformatiker für Systemintegration gemacht aber ...

Microsoft Office
Excel Such- und Vergleichsfunktion
gelöst Frage von oesi1989Microsoft Office15 Kommentare

Hallo zusammen, ich habe 2 Tabellen mit Name, Vorname und Arbeitgeber. 1. Tabelle Name Vorname Geb-Datum Arbeitgeber Straße Ort ...

LAN, WAN, Wireless
Intel(R) PRO Wireless 3945ABG
gelöst Frage von Leon509LAN, WAN, Wireless15 Kommentare

Hallo, habe ein Laptop Fujitsu (Intel, 4GB, 2GHz, Windos10, Intel(R) PRO/Wireless 3945ABG ) ein O2 DSL Anschluss Home50. Leider ...