webForumDet fria alternativet

Varför blir inte menyraden centrerad?

HTML & CSSur HTML, XHTML & CSS

18 svar · 572 visningar · startad av lillan

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

http://angelsheart.se/testar2/index.php

Nu blir jag nästan galen §e och måste fråga er duktiga!
Ser någon något annat fel så är det välkommet att tala om också.

Skulle även önska att få mer mellanrum mellan länkarna i menyn :r

Medlem sedan juni 20019 519 inlägg
#2

Detta har inget med PHP att göra, mer mellanrum i menyn gör du bara margin-right: Xpx; i din .meny li klass. Jag kör FireFox men det ser ut som du ska har Cirklar i menyn kan tänka mig att det har något med utseendet att göra. kan ju prova med margin-left också då..

Medlem sedan dec. 200475 inlägg
#3

Hjälp mig mera!

Jag vill att menyraden ska vara centrerad och utan någon symbol innan :r

Hur ska jag skriva och ändra?

Medlem sedan nov. 2000857 inlägg
#4

Flyttas från PHP..

Medlem sedan juni 20019 519 inlägg
#5

i din .meny LI lägger du till margin-right: Xpx (x är så många pixlar du vill har mellanrum på ). Kan även kolla på din circle någonstans i din CSS mall

Medlem sedan dec. 200475 inlägg
#6

Oki...

men hur ska jag få den centrerad då?
Och varför får han som skrev tidigare cirklar i min menylista?

Min css ser ut så här:
#meny li{
display: inline;
list-style-type: none;
margin-right: 10px
}

Medlem sedan juni 20019 519 inlägg
#7

u, ul, ol, li {
list-style-type:circle;
color: #8C8C8C;
}

Där har du något som ser ut som list-style-type: Circle...

Medlem sedan dec. 200475 inlägg
#8

Åhhh...

jag är ju ingen fena på det här med listor :r

Det där kan jag väl plocka bort från css'n? Eller borde jag bara plocka bort li därifrån?

u, ul, ol, li {
list-style-type:circle;
color: #8C8C8C;
}

Hur centrerar jag?

Medlem sedan juni 20019 519 inlägg
#9

behåll den och prova (är inte alls duktig på listor)
men:

u, ul, ol, li {
list-style-type:none;
color: #8C8C8C;
margin-left:0px;
margin-right:10px;
}

Centerar har du redan indirekt gjort... det är mellanrummet där "cirklen" vill vara. jag har för mig man fixar detta med margin-right.

Medlem sedan dec. 200475 inlägg
#10

Ja, men menyn ligger ju...

inte på mitten :(
Det vill jag verkligen att den ska göra.

HJÄLP!!!

Medlem sedan juni 20019 519 inlägg
#11

http://css.maxdesign.com.au/listamatic/horizontal16.htm

kanske kan hjälpa dig?

Medlem sedan dec. 200475 inlägg
#12

Har tittat där i natt och...

fick inte till det jue.
Förslag på hur jag ska skriva i min css?

Medlem sedan juni 20019 519 inlägg
#13

hann du testa det på 3 minuter? får ladda ner din sida och kolla :e

Medlem sedan dec. 200475 inlägg
#14

Jag har varit inne på maxdesign inatt och försökt klura ut hur jag ska skriva för att få en horisontell lista som är centrerad utan en massa andra effekter, vill bara ha hover effekten som jag har nu.

Föröskte skriva om min css och prova nyss, så här:
#meny li{
padding: .2em 0;
margin: 0;
list-style-type: none;
color: #94806B;
width: 100%;
text-align: center;
}
Men det funkade inte, efter den sida du gav som förslag.

Kan man göra denna lista centrerad så tror jag att det skulle bli bra, men det lyckas jag inte heller med.
http://css.maxdesign.com.au/listamatic/horizontal01.htm

Medlem sedan juni 20019 519 inlägg
#15

hmm.. provade en sak... i din index fil så har du:
<td valign='top' align='center'>
ta bort Center och ända din CSS fil:

#meny li{
	display: inline;
	list-style-type: none;
	padding: .2em 8;
}
#meny ul
{
	list-style-type: none;
	width: 100%;
	margin:0;
	padding: .2em 0;
}
Medlem sedan dec. 200475 inlägg
#16

Åhhh ahhhhh.....

Fick ändra padding-right: till 8px annars fick inte raden plats, men nu är det ganska stiligt va?!!!!!

Mer centrerat än så här kan det väl inte bli?
Jag är inte van att grejsa med listor utan vill man centrera så tror jag alltid att det funkar med <center></center>

Är sidan okej nu? Ingen ser något konstigt? :f

Medlem sedan juni 20019 519 inlägg
#17

AH! Nu fattar jag din kod!

#meny li{
	display: inline;
	list-style-type: none;
	padding: .2em 8;
	margin-right:5px; /* ändra denna för mellanrum */
}
#meny{
	list-style-type: none;
	width: 100%;
	margin:0;
	padding: .2em 0;
	text-align: center;
}

Så ska den vara sen är det bara att välja padding. Strunta i mina andra koder.. denna är den som ger dig 100% mitten :e

Medlem sedan dec. 200475 inlägg
#18

Weeeeeeeeeeiiiiiiiiiiiiiiiiiiiiiiiii!

Nu är det ju superfint!!!

Tack så enormt mycket för hjälp, fy fn vad jag har kämpat med denna meny men nu är det bara sååå stiligt!

Tack :f

Medlem sedan juni 20019 519 inlägg
#19

Kul att den gick igång iallafall :e Accpetera som löst?

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