html - DropDownMenu/Div(tekst)/Mozilla Firefox.?? - Udvikleren.dk

Tags: html css

Bruger #15629 @ 14.12.10 02:39

Hej..
Er der nogen der kan hjælpe mig...Har lavet en DropDownMenu i CSS, som skal være en del af mine sider. Så har jeg lavet en
<div><p>Dette er noget tekst..Dette er noget tekst ...osv..</p></div>.
Mit problem består i når jeg kører musen hen over min DropDownMenu og Menuen falder ned...Så flytter/floater teksten "Dette er noget.. Dette er noget tekst" i Div'en rundt om den nedfaldne menu.
Jeg vil gerne vide hvordan man laver det sådan at teksten bliver stående som udgangs punktet og menuen falder ned over den.

Så har jeg et andet spørgsmål...:
Er der nogen der kan sige mig. hvorfor den "animerede" Gif jeg bruger som logo...ikke vil vises i Mozilla Firefox, men godt i IE,Safari og Google Chrome .

Håber der er en med lidt hjælp.
på forhånd tak..!!

2 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 3 karma

Sorter efter stemmer Sorter efter dato

Bruger #3143 @ 14.12.10 11:53

1.965

Du har vidst glemt at poste et link til siden, hvor man kan se hvad du beskriver. Uden sådan et link er det meget svært at hjælpe.

Generelt hvordan man laver dropdowns:
http://www.alistapart.com/articles/dropdowns

Bruger #15629 @ 15.12.10 00:30

Hej..
Ja meeenøh..Det ligger jo sådan at jeg endnu ikke har domæne/hoster på nettet. ville jo først lave en side inden jeg fik det. Og spørgsmålet er så den side.
Men der er altså ingen link.
men kan prøve at smide en kode boks hvis det skulle hjælpe mig.

Kode

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd"> 
   
   
<html>
<head>
	<title>Mit udkast til en 
               hjemmeside</title>
	<meta http-equiv="content-type"
         content="text/html;charset=utf-8" />

<style "text/css" >
* {
	list-style-type: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
html {
	margin-top: 0px;
	margin-left: 400px;
}
body {
	background-color: #000000;
	color: #008000;
	
}
ul#menu li {
	background-color: #c4c5c7;
	text-align: center;
	position: relative;
	float: left;
	display:block;
	width: 120px;
	height: auto;
	line-height: 30px;
	border: 1px dotted #008000;
	font-size: 22px;
}
ul#menu li ul {
	display: none;
	width: 20px;
	height: 20px;
}
ul#menu li:hover {
	display: block;
	background-color: #00ffff;
}

ul#menu li:hover ul li:hover {
	background-color: #00ffff;
}
ul#menu li:hover ul {
	display: block;
}
img {
	margin-left: 115px;
}
div.container {
	margin-top: 0px;
	background-color: #c4c5c7;
	color: blue;
	width: 610px;
	height: auto;
}
div#mailgif {
	position:absolute;
	left: 0px;
	top: 130px;
}
div#mailgif p {
	margin-left: 135px;
}	

</style>
</head>


<body>
<img src="Mitgif/>   
<div> 
    <ul id="menu">
      <li><a href="#">Menu 1 </a> </li> 	
      <li><a href="#">Menu 2 </a>
	 <ul id="submenu">
           <li><a href="#" >Emne1 </a> </li>
	   <li><a href="#" >Emne2 </a> </li>
	   <li><a href="#" >Emne3 </a> </li>
	   <li><a href="#" >Emne4 </a> </li>
	</ul>
	</li>
	<li> <a href="#">Menu 3 </a> 
	<ul> 
	   <li><a href="#" >Emne1 </a> </li>
	   <li><a href="#" >Emne2 </a> </li>
	   <li><a href="#" >Emne3 </a> </li>
	   <li><a href="#" >Emne4 </a> </li>
	</ul>
	</li>
	<li> <a href="#">Menu 4 </a> 
	<ul>
	   <li><a href="#" >Emne1 </a> </li>
	   <li><a href="#" >Emne2 </a> </li>
	   <li><a href="#" >Emne3 </a> </li>
	   <li><a href="#" >Emne4 </a> </li>
	</ul>
	</li>
	<li class="noborder"><a href="#">Om 
        </a> 
	<ul>
	   <li><a href="#" >Emne1 </a> </li>
	   <li><a href="#" >Emne2 </a> </li>
	   <li><a href="#" >Emne3 </a> </li>
	   <li><a href="#" >Emne4 </a> </li>
	</ul>
	</li> 

     </ul> 
</div>
<br />
<br />
<div class="container">
	<p> Dette er en noget tekst... 
            Dette er en noget tekst...
            Dette er en noget tekst...
            Dette er en noget tekst...
	    Dette er en noget tekst...
            Dette er en noget tekst...
	    Dette er en noget tekst...
            Dette er en noget tekst...
	    Dette er en noget tekst...
            Dette er en noget tekst...
	    Dette er en noget tekst...
            Dette er en noget tekst...
	</p>
</div>
<br /> <br />
<br /> <br />
<br /> <br />
<br /> <br />
<br /> <br />
<br /> <br />
<br /> <br />
<br /> <br />
<br /> <br />
<div id="mailgif">
         <img src="Email.gif";/>
	 <br />
	 <p> 

	 <a 
         href="mailto:minmail.com&cc=minmail2.com&
      subject=Det%20er%20en%20Email
      %20prøve">Email me </a>
      </p>
</div>	


<div id="marquee" style="margin-left:0; margin-right:44%; font-size:23px";><marquee width=" 100%" >
	citat...citat...citat..citat 
</div>

</body>
</html>

DropDownMenu/Div(tekst)/Mozilla Firefox.??

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler