Just nu i M3-nätverket
Jump to content

Horisontal meny med fast bakgrund.


mindsleep

Recommended Posts

Har postat ett liknande inlägg men fick inte någon lösning...provar nu igen.

 

Jag försöker göra en horisontal meny med en fast bakgrund centrerad. Jag har i exemplet lyckats med allt förutom att den inte är centrerad.

 

HTML:

[log]

<div id="navcontainer">

<ul id="navlist">

<li><a href="#">Start</a></li>

<li><a href="#">Om</a></li>

<li><a href="#">Tjänster</a></li>

<li><a href="#">Produkter</a></li>

<li><a href="#">Kontakta</a></li>

</ul>

</div>

[/log]

 

CSS:

[log]

#navcontainer

{

text-align:center;

width:100%;

padding:0px;

margin:0px;

}

 

#navcontainer ul li

{

list-style-type: none;

padding: 0;

margin: 0;

display: inline;

text-align:left;

}

 

#navcontainer a

{

color: #000;

text-decoration: none;

text-align:left;

font-family:verdana;

font-size:10px;

display:block;

width:102px;

height: 22px;

padding-top:5px;

margin-left:0px;

padding-left:2px;

background : url(knapp.gif) no-repeat;

float:left;

 

}

[/log]

 

Knapp:

se bifogad bild.

 

Vad gör jag för fel?

 

//MVH Mindsleep

 

I am who i am, you are who you are, i respect that

 

[bild bifogad 2007-06-02 12:30:58 av mindsleep]

950542_thumb.jpg

Link to comment
Share on other sites

Du förklarar imo dåligt vad du vill ha gjort.

Är det bara bakgrund tillhörande LI ?

 

isf:

background : url(knapp.gif) no-repeat center center;

 

 

ps. fortsätt hellre i din befintliga tråd istället för att skapa nya trådar om det gäller samma sak.

[inlägget ändrat 2007-06-02 12:56:50 av Jonas_Bo]

Link to comment
Share on other sites

Du förklarar imo dåligt vad du vill ha gjort.

Är det bara bakgrund tillhörande LI ?

 

Hur är det dåligt förklarat? "horisontal meny med en fast bakgrund centrerad."

 

Om man läser koden så ser man vad jag vill göra.

 

HINT:

#navcontainer

{

text-align:center;

width:100%;

padding:0px;

margin:0px;

}

 

centrera innehållet (menyn).

 

ps. fortsätt hellre i din befintliga tråd istället för att skapa nya trådar om det gäller samma sak.

 

Nej, jag postar en ny. Den tråden som jag gjorde förut var tyvärr något otydlig vilket jag inte tycker den här är.

 

//MVH Mindsleep

 

I am who i am, you are who you are, i respect that

 

[inlägget ändrat 2007-06-02 13:06:37 av mindsleep]

Link to comment
Share on other sites

Var istället tacksam att man försöker hjälpa dig hellre än att vara otrevlig.

 

Om alla skulle posta nya trådar istället för att fortsätta på en befintlig när det gäller samma ämne så blir det ingen struktur i forumet vilket är själva idén med ett forum. Annars kan man likaväl döpa stället till egästbok.idg.se.

 

Anyway, var de så du ville ha det med bakgrundsbilden eller menade du något annat?

 

#navcontainer
{background: white;
text-align: center;
width:100%;
padding:0; /*inga pixelvärden här*/
margin:0;  /*inga här heller*/
}

#navlist {
width : 600px; /* är inte helt hundra, men tror du måste sätta en bredd på elementet för att kunna centrera i px eller % */
margin:0 auto;
text-align: left; /*eller center  beroende på om LI skall utgå från västerkant av navlist eller mitten */
}

#navcontainer li
{
list-style-type: none;
padding: 0;
margin: 0;
display: inline;
float:left;
text-align: left;
}

#navcontainer a
{
color: #000;
text-decoration: none;
text-align: left;
font-family: verdana;
font-size: 10px;
display: block;
width: 102px;
height: 22px;
padding:5px 2px;
background:transparent url(knapp.jpg) no-repeat center center;
}

 

Detta verkar fungera efter det jag tolkat utifrån din beskrivning.

 

Link to comment
Share on other sites

Försökte ge dig mer än 1 poäng...men det gick inte. Du har fått poäng för ditt svar.

 

Föröskte inte låta otrevlig. Det lät dock så.

 

Tack...FUNGERAR! problemet löst...vad jag kan se. Ska prova vidare i min applikation.

 

tack för du engagerar dig.

 

//MVH Mindsleep

 

I am who i am, you are who you are, i respect that

 

Link to comment
Share on other sites

Tack för ditt tålamod, och poängen givetvis!!

 

Mitt tålamod? Det är väll du som förtjänar tacken för ditt tålamod!

 

Tack ännu en gång! Poäng igen :)

 

//MVH Mindsleep

 

I am who i am, you are who you are, i respect that

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...