webForumDet fria alternativet

Hjälp med meny

HTML & CSSur HTML, XHTML & CSS

7 svar · 539 visningar · startad av Buddaz

Medlem sedan dec. 2009308 inlägg
Frågan#1

Hej
Vet inte riktigt hur jag skall förklara mitt problem. Skall försöka förklara så ingående jag kan. Det är så att jag har nu skapat en horisontell meny som ser bra ut. Jag har där gjort det som block element som visas som ett block när man hovrar. Menyn ligger just nu under min main. I main finns det ett företagsnamn och en loggo. Mitt problem nu är att så fort jag lägger in en ny länk i menyn så får det inte plats. Tanken är att de skall lägga sig efter varandra i en rak linje. Men när jag lägger in mer så lägger den sig som det vore två rader. Då testade jag att ändra om storleken på menyn och resten men då cp:ade sig Main och loggo, det ena hamnar på en rad medan resten hamnar under loggo. Jag är inte ute efter dropp-down menyer det är det sämsta jag vet. Utan jag vill att allt skall hamna på en ända rad. Försöker lista ut vad jag måste ändra för att det skall fungera. Även undrar jag varför det blir så mycket tomrum runt vissa block, även där skulle jag gärna vilja veta vad jag behöver skriva för att göra dem lika stora(vilket jag har letat som en galning). Skickar med min css kod. Kan tyvärr nog inte skicka med html koden för jag skapat det hela som ett experiment till en som jag känner och dess företag därför vill jag inte ge ut det. Utan att förklara mer ingående. Här kommer lite css kod:

body{background-color:#DEB887;
width:800px;
color:black;
margin-left:auto;
margin-right:auto;
}
#layout{width:760px;
}
#logo{width:160px;
height:160px;
top:20px;
left:20px;
float:left;
background:url(logotype2.jpg);
}
#main{width:600px;
height:120px;
padding:20px;
background-color:white;
font-family:Verdana,sans-serif;
font-size:32pt;
text-align:center;
background:white;
float:left;
}
#header{width:760px;
height:20px;
padding:20px;
background-color:#d2691e;
clear:both;
}
#sidebar{width:200px;
}
#content{width:760px;
height:480px;
padding:20px;
float:left;
background-color:#FAEBD7;
font-family:"Times New Roman",serif;
text-align:center;
font-size:11pt;
}
#footer{width:760px;
height:30px;
padding:20px;
clear:both;
font-family:Verdana,sans-serif;
font-size:10pt;
text-align:justify;
background-color:#d2691e;
}
#meny{
width:760px;
margin-left:0;
padding:0;
overflow:hidden;
}
#meny ul{
margin-top:0;
margin-left:0;
}
#meny ul li{display:inline;
list-style-type:none;
float:left;
position:relative;
}
#meny ul li a{display:inline;
width:100px;
margin:0;
padding:0;
text-decoration:none;
font-family:Helvetica,sans-serif;
font-size:12pt;
background:#d2691e;
color:black;
float:left;
white-space:nowrap;
}
#meny ul li a:hover, #meny span#aktuell{background:black;
color:red;
}
a:link{color:blue;}
a:visited{color:purple;}
a:hover{color:blue;text-decoration:none;}
a:active{text-decoration:underline;}
.scrollbox{padding:10px;
height:480px;
width:760px;
border:none;
overflow:auto;
background-color:#FAEBD7;
}
.flagga{float:left;
margin:0;
padding:20px;
}
.contenttext{text-align:justify;
font-family:"Times New Roman", serif;
font-size:12pt;
}
.text2{text-align:justify;
font-family:"Times New Roman", serif;
font-size:12pt;
}
.text3{text-align:center;
}
.text4{text-align:center;
}
@media print{
body{color:black;
background-color:white;
font-family:Georgia, serif;
font-size:12pt;
}
a:link{color:#0000cc;
text-decoration:underline;
}
a:visited{color:#0000cc;
text-decoration:underline;
}
h1{color:black;
background-color:white;
}
h4{color:black;
background-color:white;
}
p{font-family:Georgia, serif;
font-size:12pt;
}
ul{color:black;
background-color:white;
}
}

Hoppas någon som kan hjälpa mig. Som ni ser blev det väldigt mycket. Är amatör på det hela men jag har skrivit allt på egen hand för den som tror att jag har kopierat.

MVH

Buddaz

Medlem sedan dec. 2009308 inlägg
#2

Hej
Ni som läser det här.Attributet Sidebar finns inte. Och allt är validerat grönt än så länge

MVH

Buddaz

Medlem sedan mars 2004485 inlägg
#3

position:relative;

hmm hur mkt random css har du kastat in där? För mycket vitt utrymme är oftast padding/margin eller IE.

Edit: PlZ use the code tag!!!

Medlem sedan dec. 2009308 inlägg
#4

Hej
Kopierade det jag hade. Annars är det säkert någon som frågar.

MVH

Buddaz

Medlem sedan mars 2004485 inlägg
#5

Buddaz skrev:

Hej
Kopierade det jag hade. Annars är det säkert någon som frågar.

hmm grum, folk förstår aldrig nåt när man försöker vara rolig....

Har du testat tagit bort den raden jag skrev överst i mitt förra inlägg? Då jag misstänker att den kan ställa till det.

Men det är inge roligt att leka om man inte har exempel HTML. det är ju bara köra in lite exempel text. (så kollar jag lite mera på det prommmises!)

Medlem sedan dec. 2009308 inlägg
#6

Hej
skall försöka utan att avslöja för mycket. Det som jag egentligen är ute är att menyn skall vara i header och allt på en rad. När jag försökte med att ändra storlek så pajar allt. Gör att loggon hamnar för sig själv över allt det andra. Loggon skall vara på samma rad som main. Kopierar in det jag har i html så får du se hur jag har gjort.

<?xml version = "1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Namn</title>
<link rel="stylesheet" href=Namn.css" type="text/css" />
</head>
<body>
<div id="layaout">
</div>
<div id="logo">
</div>
<div id="main">Namnet</div>
<div id="header">
<div id="meny">
<ul>
<li><a href="Namn.html">Namn</a></li>
<li><a href="Namn.html">Namn</a></li>
<li><a href="Namn.html">Namn</a></li>
<li><a href="Namn.html">Namn</a></li>
<li><a href="Namn.html">Namn</a></li>
<li><a href="Namn.html">Namn</a></li>
<li><a href="Namn.html">Namn</a></li>
</ul>
</div>
</div>
<div id="content">
<p>
<strong>
text
</strong>
</p>
<img src="Namn.jpg" height="300" width="300"
alt="text" />
</div>
<div id="footer">Copyright©
</div>
</body>
</html>

Det är så att jag har material för att skapa en till sida och vill få in den länken i menyn men det är då det börjar krångla. Det blir två rader vilket jag inte vill ha. Jag gissar på att det är något jag har glömt skriva alternativt är det något annat som har att göra med storleken. Vet att det är något men hittar inte det därför frågar jag efter hjälp.

MVH

Buddaz

Medlem sedan dec. 2009308 inlägg
#7

Hej
Tog bort float då hamnar allt på samma rad men ihop tryckt som en ända text rad, bara skapa mellanrum mellan länkarna. Vilket kommando är det nu då?? Får jag reda på det så är problemet löst. Intressant att bara genom att ta väck float så får man plats med allt på samma rad. Något nytt man fått lära sig. Tycker om när man får lära sig något nytt på egen hand, men det här forumet är ändå bäst när man fastnar. Bara lista ut det sista sedan är det löst för den här gången. Tackar ändå.

MVH

Buddaz

Medlem sedan dec. 2009308 inlägg
#8

Hej
Jag har nu löst det hela själv. Tog bort float och ändrade margin. Tydligen kunde man inte göra så som jag hade gjort innan.

MVH

Buddaz

137 ms totalt · 3 externa anrop · v20260731065814-full.25f56b17
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)