Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

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

Frage Entwicklung HTML

Mitglied: Franzmann

Franzmann (Level 1) - Jetzt verbinden

11.11.2006, aktualisiert 18.11.2006, 3754 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 Installation
Libreoffice nach installation keine menüleiste (6)

Frage von oskarmader zum Thema Windows Installation ...

Erkennung und -Abwehr
Jetzt patchen: Gefährliche Lücke in Samba

Link von Kraemer zum Thema Erkennung und -Abwehr ...

Sicherheit
Passwortklau-Lücke in Lastpass geschlossen oder auch nicht

Link von DerWoWusste zum Thema Sicherheit ...

Erkennung und -Abwehr
Cisco schließt Super-Admin-Lücke

Link von magicteddy zum Thema Erkennung und -Abwehr ...

Neue Wissensbeiträge
Windows Installation

Unorthodoxer Weg, um an einen Offline-Installer für Adobe Flash zu kommen

(8)

Tipp von beidermachtvongreyscull zum Thema Windows Installation ...

Datenschutz

Gefährdeter Datenschutz: Firefox löscht lokale Datenbanken nicht

Information von BassFishFox zum Thema Datenschutz ...

Firewall

PfSense OpenVPN beschleunigen

Tipp von Dobby zum Thema Firewall ...

Utilities

CCleaner 5.33 mit Malware infiziert

(27)

Information von SeaStorm zum Thema Utilities ...

Heiß diskutierte Inhalte
Utilities
CCleaner 5.33 mit Malware infiziert (27)

Information von SeaStorm zum Thema Utilities ...

Festplatten, SSD, Raid
gelöst Problem mit DELL 815R Server und Windows Bluescreen (24)

Frage von Leo-le zum Thema Festplatten, SSD, Raid ...

Windows Systemdateien
Windows bootet nicht mehr Fehlermeldung 0xc0000098 (19)

Frage von franzgoerlich zum Thema Windows Systemdateien ...

Windows Netzwerk
Dateien mit Intelligenz per GPO ins Programmverzeichnis (14)

Frage von erwin.t zum Thema Windows Netzwerk ...