zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Kleines Problem beim Dropdown-Menü in .css-Datei

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.05.2010, 20:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2010
Beiträge: 2
NoName89 befindet sich auf einem aufstrebenden Ast
Standard Kleines Problem beim Dropdown-Menü in .css-Datei

Hallo Leute,

ich habe folgendes Problem, und zwar geht's um folgende Navigation:

Html-Code:

HTML-Code:
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Test</title>
<style type="text/css">
.style1 {
	text-align: center;
}
.style2 {
	font-size: 16pt;
}
</style>
<link href="Ohne_Titel_1.css" rel="stylesheet" type="text/css" />
</head>

<body>

<p class="style1">
&nbsp;</p>
<div class="menu" style="left: 0px; top: 0px; width: 100%"><ul>
<body>
<div class="menu">
   <ul class="menu">
      <li><img alt="" height="24" src="../Buttons/Rohling.jpg" width="120" /><ul>
            <li><a class="menu"href="1.html" style="font-size:13pt;"><center>Link1</center></a>
               
            </li>
            <li><a class="menu"href="1.html" style="font-size: 13PT;"><center>Link2</center></a>
                  </li>
            <li><a class="menu"href="1.html" style="font-size: 13PT;"><center>Link 3</center></a>
			<li><a class="menu"href="1.html" style="font-size: 13PT;"><center>Link4</center></a>
                          
            </li>

      </li>
   </ul>
und .css-Code:

Code:
div.menu{
	width: 100%;
	position: relative;
	background-color: #FFDB00;
	height: 20px;
}
ul.menu
{
	position: relative;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	color: #FFDB00;
	float: left;
}
ul.menu ul
{
	position: absolute;
	list-style-type: none;
	margin: 0px;
	display: none;
	background-color: #FFFFFF;
}
ul.menu ul ul
{
position:absolute;
display:none;
margin-top:0px;
margin-left:-40px;
}
ul.menu:hover ul
{
display:block;
}
ul.menu:hover ul ul
{
display:none;
}
ul.menu ul li:hover ul
{
display:block;
}

a.menu
{
	background-color: #FFDB00;
	display: table;
	width: 175px;
	padding-left: -100px;
	text-decoration: none;
	color: #000000;
	font-family: arial;
	font-size: 10px;
	border-bottom: solid 1px black;
	border-right: solid 1px #000099;
	margin-bottom: -1px;
}
a.menu:hover
{
	background-color: #C0C0C0;
	color: #000000;
}
ul.menu ul
{
position:absolute;
list-style-type:none;
margin: 0px;
display:none;
z-index:1;
}
ul.menu ul ul
{
position:absolute;
display:none;
margin-top:-20px;
margin-left:-500px;
z-index:-1;
}

Der Hintergrund, der hinter den Buttons kommen soll sollte dableiben, weil rechts und links der Rand nicht komplett ausgenutzt werden soll.
Nun zum Dropdown-Menü:
Wie kriege ich es hin, das das Menü genau unter dem Button ist, so dass dieser linksbündig.
Ich habe schon die .css-Datei auseinander genommen aber nichts hat so richtig funktioniert.


Eine kleine beiläufige Frage noch:
Wenn ich das hochlade, kommt bei mir folgendes Zeichen noch und ich weiß nicht, wie ich es weg bekomme *g


Viele Grüße
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.05.2010, 20:41
www.loud.fm
neuer user
 
Registriert seit: 15.11.2007
Beiträge: 42
renet befindet sich auf einem aufstrebenden Ast
Standard

Das mit dem Zeichen  liegt an einer falsch kodierten Datei. Versuch das Ganze mal in UTF-8 (Unicode) abzuspeichern. Wenn du ein professionelles Werkzeug dazu brauchst, google mal nach "Notepad++" (ist kostenlos).
__________________
LG
René

loud.fm - stay tuned

Geändert von renet (09.05.2010 um 20:51 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.05.2010, 20:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.05.2010
Beiträge: 2
NoName89 befindet sich auf einem aufstrebenden Ast
Standard

Ah, okay, danke, das sollte kein Problem mehr sein.
Übrig bleibt nur noch das eigentliche Problem mit der Navigation
Mit Zitat antworten
Antwort

Stichwörter
dropdown

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
Dropdown Menü Problem dannN CSS 0 18.02.2010 17:31
Darstellungsproblem flohpapa CSS 3 16.12.2009 09:55
DropDown Menü verschwindet andre-ne CSS 2 18.11.2009 11:44
Ueber PullDown Menue Datei oeffnen chrism Javascript & Ajax 6 27.01.2007 00:42
Das Menü und mein Problem Sven CSS 1 13.03.2005 03:07


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:20 Uhr.