Menu på min hjemmeside

hek31 · Indlæg af **hek31** » 28. mar 2012, 17:25

Hej.

Jeg vil lige høre, hvordan man får to menuer på en side. Jeg har prøvet på alle mulige måder.
HJÆLP

Indlæg af **Daniel** » 28. mar 2012, 17:29

Hej hek3.

Hmm, er ikke helt med på hvad du mener, er det ligesom herinde på NemProgrammering hvor der er en menu for oven og så en menu ude i venstre side?

Hvis det er det som er tilfældet skal du bare lave en menu det ene sted og sætte nogle links ind og så derefter lave en menu et andet sted og sætte de samme eller nogle andre links ind.

hek31 · Indlæg af **hek31** » 28. mar 2012, 18:04

Hvis jeg prøver på det, og ændre i den ene bliver de begge to ændret

Indlæg af **Daniel** » 28. mar 2012, 20:20

Hej igen.

Det lyder meget mærkeligt, jeg kan kun få to løsninger ud af det d beskriver her og det er at du enten bruger en include funktion eller at du bruger Adobe Dreamweaver?

hek31 · Indlæg af **hek31** » 28. mar 2012, 21:05

Okay. Takker.

Indlæg af **ThomasI** » 28. mar 2012, 23:32

Det er sikkert fordi du blot kopiere hele menuen... derved er det de samme stylinger du bruger i begge og når du så ændre i din css så ændre du i begge 2.... lav en unik styling til hver menu og dit problem vil være løst

hek31 · Indlæg af **hek31** » 30. mar 2012, 23:21

Vil en af jer ikke, se på mine koder??

Indlæg af **Daniel** » 31. mar 2012, 10:52

Jo gerne, men umildbart er der ikke nogen løsning lige for nsen af mig, men prøv at sende dem og så kigger jeg på det.

hek31 · Indlæg af **hek31** » 31. mar 2012, 11:39

Okay takker.

Min html:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Forside (Blindstone)</title>
<link rel="stylesheet" href="Billeder.css" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="header"></div>
<ul id="ulnav">
<li id="linav"><a href="#" class="nav">Home</a></li>
<li id="linav"><a href="#" class="nav">Om mig</a></li>
<li id="linav"><a href="#" class="nav">Kontakt</a></li>
<li id="linav"><a href="#" class="nav">Billeder</a></li>
<li id="linav"><a href="#" class="nav">Ekstra</a></li>
</ul>

<div id="tekstfelt">
<h1><big>Velkommen</big></h1>

<p
style="text-align: center; font-weight: bold; font-family: MV Boli; color: red;"><big><big>Hej
og velkommen til Blindstones hjemmeside.</big></big></p>
</div>
<div id="footer">footer</div>
</div>
</body>
</html>

--------------------------------------------------------------------------------------------------------------------------------------------

Mit css:
#wrapper{
width: 1000px;
height: 1000px;
position: absolute;
margin-left: 50%;
left: -500px;
top: 0px;
}

#header{
width: 1000px;
height: 300px;
position: absolute;
left: 0px;
top: 0px;

background-image: url(Banner%20Blindstone.gif);
}

#menu1{
width: 1000px;
height: 40px;
position: absolute;
left: -50px;
top: 300px;
}

#ulnav {
list-style-type: none;
width: 1000px;
height: 100px;
position: absolute;
left: -40px;
top: 284px;

}
#linav {
float:left;
}
a.nav:LINK, a.nav:visited {
display: block;
width:184px;
font-weight: bold;
color: #FFFAFA;
background-color: #000;
text-align: center;
padding:8px ;
text-decoration: none;
text-transform: uppercase;
font-size: 24px;
font-family: monospace;

}
a.nav:hover {
background-color: #000000;
color: #FF0000;
}

#tekstfelt{
width: 800px;
height: 630px;
position: absolute;
top: 340px;
right: 0px;

background-color: #000000;
vertical-align: super;
text-align: center;
font-family: cursive;
font-size: 24px;
color: #ff0000;

}

#footer{
height: 30px;
width: 1000px;
background-color: #000000;
position: absolute;
bottom: 0px;
left: 0px;
text-align: center;
vertical-align: middle;
font-family: monospace;
font-size: 18px;
color: #ffffff;
}

body{
background-color: red;
background-image: url(../../../Pictures/manifesto2.jpg);
background-attachment: scroll;
}

I venstrer sider er der et hul, og det er der hvor menuen skal være..

Indlæg af **Daniel** » 31. mar 2012, 12:22

Hej igen.

Nu har jeg siddet og rodet lidt med det, og jeg kan ikke rigtig se hvorfor det ikke skulle kunne lade sig gøre.
Jeg kunne sagtens lave flere menuer på siden, uden at det gjorde den noget, det eneste som irriterer den lidt hos mig er dine <big></big> tag, dem bør du lave om til noget CSS kode i stedet.
Men ellers kan du jo bare lave en div i venstre side, og så kopiere din menu ind og få den til at gå lodret i stedet for vandret, og så skal du jo bare lave dine id-er og class om, og så give dem nye stylinger.

Det vil tage lidt tid at lave det men det burde være nemt nok.

hek31 · Indlæg af **hek31** » 31. mar 2012, 23:16

Okay tak, men jeg har prøvet. Jeg kan ikke finde ud af det..

Indlæg af **Daniel** » 1. apr 2012, 00:28

Kan du ikke prøve at sætte en menu ind ude i venstre side også, og så sende koderne herinde igen, så skal jeg nok prøve at tage et kig på det?

hek31 · Indlæg af **hek31** » 1. apr 2012, 01:01

Vil du ikke sætte den ind? Og gøre mig en tjeneste.

Indlæg af **Daniel** » 1. apr 2012, 01:52

Okay jeg vil gøre en undtagelse denne gang, laver det lige i morgen.

hek31 · Indlæg af **hek31** » 1. apr 2012, 09:07

Fantastisk, jeg takker mange gange

Indlæg af **Daniel** » 1. apr 2012, 11:08

Hej igen.

Det tog lidt længere tid at lave dette her end beregnet da jeg var nødt til at lave den fra bunden af igen, jeg har lavet en helt ny template til dig hvor der er lidt flere informationer på så det er lidt mere overskueligt at kigge på hvis andre skal hjælpe.

Jeg har ikke skrevet noget af det på den som stod der men bare sat den op med layout med to menuer, så kan du selv indsætte teksten på siden.
Jeg vil anbefale dig i stedet for at style din tekst direkte på siden at style den i dit css dokument (du skal lige være obs på at jeg har kaldt det style.css i stedet for Billeder.css så stien er sat dertil i html dokumentet). Der skal også lige indsættes de to link som var i dit css dokument, der er hjort klar så det bare er linksne der skal sættes ind i parenteserne.
Men ellers håber jeg at du kan bruge det som er lavet.

HTML kode:

Kode: Vælg alt

<!DOCTYPE html>
<html> <!--HTML start tag-->
<head> <!--HEAD start tag-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Forside</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head> <!--HEAD slut tag-->
<body> <!--BODY start tag-->
<div id="hoved"> <!--HOVED start div-->
<div id="top"> <!--TOP start div-->
</div> <!--TOP slut div-->
<div id="menu"> <!--MENU start div-->
<ul id="ulnav"> <!--ULNAV start tag-->
<li id="linav"><a href="#" class="nav">Home</a></li> <!--LINK Home-->
<li id="linav"><a href="#" class="nav">Om mig</a></li> <!--LINK Om mig-->
<li id="linav"><a href="#" class="nav">Kontakt</a></li> <!--LINK Kontakt-->
<li id="linav"><a href="#" class="nav">Billeder</a></li> <!--LINK Billeder-->
<li id="linav"><a href="#" class="nav">Ekstra</a></li> <!--LINK Ekstra-->
</ul> <!--ULNAV slut tag-->
</div> <!--MENU slut div-->
<div id="menu2"> <!--MENU2 start div-->
<ul id="ulnav2"> <!--ULNAV2 start tag-->
<li id="linav2"><a href="#" class="nav2">Link 1</a></li> <!--LINK Link 1-->
<li id="linav2"><a href="#" class="nav2">Link 2</a></li> <!--LINK Link 2-->
<li id="linav2"><a href="#" class="nav2">Link 3</a></li> <!--LINK Link 3-->
<li id="linav2"><a href="#" class="nav2">Link 4</a></li> <!--LINK Link 4-->
<li id="linav2"><a href="#" class="nav2">Link 5</a></li> <!--LINK Link 5-->
</ul> <!--ULNAV2 slut tag-->
</div> <!--MENU2 slut div-->
<div id="indhold"> <!--INDHOLD start div-->
</div> <!--INDHOLD slut div-->
<div id="bund"> <!--BUND start div-->
</div> <!--BUND slut div-->
</div> <!--HOVED slut div-->
</body> <!--BODY slut tag-->
</html> <!--HTML slut tag-->

CSS kode:

Kode: Vælg alt

#hoved {
	width: 1000px;
	height: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#top {
	width: 1000px;
	height: 300px;
	position: absolute;
	top: 9px;
	left: 449px;
	background-image: url(indsæt link);
}
#menu {
	width: 1000px;
	height: 40px;
	position: absolute;
	top: 293px;
	left: 409px;
}
#ulnav {
	list-style-type: none;
	width: 1000px;
}
#linav {
	float: left;
}
a.nav:LINK, a.nav:visited  {
	display: block;
	width:184px;
	font-weight: bold;
	color: #FFFAFA;
	background-color: #000;
	text-align: center;
	padding:8px ;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 24px;
	font-family: monospace;
}
a.nav:hover  {
	background-color: #000000;
	color: #FF0000;
}
#menu2 {
	width: 184px;
	height: 630px;
	position: absolute;
	top: 336px;
	left: 409px;
	float: left;
}
#ulnav2 {
	list-style-type: none;
	width: 184px;
}
a.nav2:LINK, a.nav2:visited  {
	display: block;
	width:184px;
	font-weight: bold;
	color: #FFFAFA;
	background-color: #000;
	text-align: center;
	padding:8px ;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 24px;
	font-family: monospace;
}
a.nav2:hover  {
	background-color: #000000;
	color: #FF0000;
}
#indhold {
	width: 800px;
	height:630px;
	position: absolute;
	top: 352px;
	left: 649px;
	float: right;
	background-color: #000000;
	vertical-align: super;
	text-align: center;
	font-family: cursive;
	font-size: 24px;
	color: #ff0000;
}
#bund {
	width: 1000px;
	height: 30px;
	position: absolute;
	left: 449px;
	top: 979px;
	background-color: #000000;
	text-align: center;
	vertical-align: middle;
	font-family: monospace;
	font-size: 18px;
	color: #ffffff;
}
body {
	background-color: red;
	background-image: url(indsæt link);
	background-attachment: scroll;
}

hek31 · Indlæg af **hek31** » 1. apr 2012, 22:51

Takker.

Menu på min hjemmeside

Re: Menu på min hjemmeside

Re: Menu på min hjemmeside

Re: Menu på min hjemmeside

Re: Menu på min hjemmeside

Re: Menu på min hjemmeside

Re: Menu på min hjemmeside

Re: Menu på min hjemmeside

Re: Menu på min hjemmeside

Re: Menu på min hjemmeside

Re: Menu på min hjemmeside

Re: Menu på min hjemmeside

Re: Menu på min hjemmeside

Re: Menu på min hjemmeside

Re: Menu på min hjemmeside

Re: Menu på min hjemmeside

Re: Menu på min hjemmeside

Office

CMS

Webudvikling

Udvikling

Adobe

Andet

Online Markedsføring

App- og spiludvikling