hjälp mig med koden är ni snälla!

secret00Medlem sedan juni 200747 inlägg

Frågan2 juli 2007 15:09#1

jag vill att allt ska stå bredvid varandra men "bilder" hamnar under hela tiden, jag är itne bäst på kodningen så om någon kan kolla koden så är jag tacksam vad jag gör för fel

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>Meny</title>
<style>
ul#primary-nav,
ul#primary-nav ul {
width: 140px;
margin: 0;
padding: 0;
background: #ffffff; /* IE6 Bug */
font-size: 100%;

ul#primary-nav {
top:5px;
left:5px;
float: right;
width: 580px;
z-index: 999999;
position: absolute;
}

ul#primary-nav:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

ul#primary-nav li {
position: relative;
list-style: none;
float: left;
width: 140px; /* Width of Menu Items */
}

ul#primary-nav li a,
ul#primary-nav li li a {
display: block;
text-decoration: none;
color: #777;
padding: 5px;
padding-left:8px;

}

/\* Fix IE. Hide from IE Mac \\\*/
\* html ul#primary-nav li { float: left; height: 1%; }
\* html ul#primary-nav li a { height: 1%; }
/\* End \*/

ul#primary-nav ul {
	position: absolute;
	display: none;
	}

ul#primary-nav ul ul {
left: 141px;
top: 0;
}

ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */

ul#primary-nav li.menuparent { background: url('arrow-down.gif') no-repeat right center; }

ul#primary-nav li ul li a{
height:18px;
background: #C7C7C7 url('left2.gif') no-repeat left top;
border-bottom:1px solid #666666;
font-weight:bold;
margin-left:-6px; padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:5px
}

ul#primary-nav li.menuparent2:hover,
ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #f9f9f9 !important; }

ul#primary-nav li a:hover { color: #30801B; }

ul#primary-nav li li.menuparent2 ul, ul#primary-nav li ul.menuparent2 li a{
margin-left:8px;
}

ul#primary-nav a{
background:#ffffff url('right.gif') no-repeat right top;
}

ul#primary-nav li.menuparent {
background:url('left.gif') no-repeat left top;
margin:0;
font-weight:bold; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0
}
</style>
</head>

<body>

	\<!-- Menu Tabs --\>
	\<ul id="primary-nav"\>
	  \<li class="menuparent"\>\<a href="#"\>Hem\</a\>\</li\>
	   \<ul\>
	      \<li\>\<a href="#"\>Startsida\</a\>\</li\>
	      \<li\>\<a href="#"\>Uppdateringar\</a\>\</li\>
	      \<li\>\<a href="#"\>Vad vi behöver\</a\>\</li\>
	    \</ul\>
	  \</li\>
	  \<li class="menuparent"\>\<a href="#"\>Gästbok\</a\>
	  \</li\>
	  \<li class="menuparent"\>\<a href="#"\>Kontakta oss\</a\>
	  \</li\>		  
	  \<li class="menuparent"\>\<a href="#"\>Hem\</a\>&nbsp;&nbsp;&nbsp;&nbsp; \</li\>&nbsp;\<ul\>
	      \<li\>\<a href="#"\>Startsida\</a\>\</li\>
	      \<li\>\<a href="#"\>Uppdateringar\</a\>\</li\>
	      \<li\>\<a href="#"\>Vad vi behöver\</a\>\</li\>
	    \</ul\>
	  \</li\>
	  \<li class="menuparent"\>\<a href="#"\>Bilder\</a\>
	    \<ul\>
	      \<li\>\<a href="#"\>2003\</a\>\</li\>
	      \<li\>\<a href="#"\>2004\</a\>\</li\>
	      \<li\>\<a href="#"\>2005\</a\>\</li\>
	      \<li\>\<a href="#"\>2006\</a\>\</li\>
	      \<li\>\<a href="#"\>2007\</a\>\</li\>
	      \<li\>\<a href="#"\>roliga miner\</a\>\</li\>
	      \<li\>\<a href="#"\>Marias konst\</a\>\</li\>
	      \<li class="menuparent2"\>\<a href="#"\>Våra djur\</a\>
	        \<ul\>
	          \<li\>\<a href="#"\>Katterna\</a\>\</li\>
	          \<li\>\<a href="#"\>Fiskarna\</a\>\</li\>
	        \</ul\>
	      \</li\>
	      \<li\>\<a href="#"\>Bröllop/Dop\</a\>\</li\>
	    \</ul\>

</body></html>

bossseMedlem sedan juni 2003771 inlägg

2 juli 2007 16:21#2

Öka på width nedan till minst 735px där du nu har 580px
De 5 menyerna är ju 140 breda, vilket blir 700px plus 5px padding på varje li.
Det betyder att de inte får plats på dina 580px.

ul#primary-nav {
top:5px;
left:5px;
float: right;
width: 580px;
z-index: 999999;
position: absolute;
}

Lägg sedan tillfälligt in en ram (border:1px solid black;)för ul#primary-nav li
så ser du att det blir lite fel.

F.ö så är det en del fel i listan + att du har två alternativ för HEM enl. nedan

<li class="menuparent"><a href="#">Hem</a></li>

och

<li class="menuparent"><a href="#">Hem</a>&nbsp;&nbsp;&nbsp;&nbsp; </li>

Danne VMedlem sedan aug. 20068 090 inlägg

2 juli 2007 16:22#3

Jag tror det saknas en stängande tag för unordered list.

Testa byt ut:

<li><a href="#">Fiskarna</a></li>
</ul>

mot

<li><a href="#">Fiskarna</a></li>
</ul></ul>

eller byt:

</ul>
</li>
<li><a href="#">Bröllop/Dop</a></li>
</ul>

mot

</ul>
</li>
<li><a href="#">Bröllop/Dop</a></li>
</ul></ul>

(orkar inte räkna....)

secret00Medlem sedan juni 200747 inlägg

2 juli 2007 16:38#4

tack för hjälpen :f

colioneMedlem sedan juni 20014 421 inlägg

2 juli 2007 16:43#5

Du kan väl använda kod-taggarna i framtida inlägg? samt markera det svaret som löste ditt problem som rätt svar? :)