Forum Mjukvara Programmering och digitalt skapande Tråd

Webbdesign - Centrera sida

1
Skriv svar
Permalänk
Medlem
●

Webbdesign - Centrera sida

Hej
Jag är i farten med ett projekt i webbdesign (xhtml/css/js),
har kommit så långt som dropdown menyer som ska vara mall på subsidorna.

Men så stötte jag på ett problem när jag försökte centrera hela sidan så att den är centrerad
vilken upplösning man än har på skärmen sin och jag försökte med en div-box runt allt
och satte koden på den men div-boxen hamnade överst på sidan med "margin:0 auto;" som fungerade men
menyerna under den som också skulle centreras blev fortfarande statiska.

Här är koden. Föränklad såklart så att ni slipper läsa igenom rader och åter rader av kod.

XHTML-KOD

<body>
       <div id="wrapper">
             <ul id="dropmenu">
			<li><div class="au">About us</div>
				<ul class="au">
					<li class="color"><a href="#">History</a></li>
					<li class="color2"><a href="#">Legal</a></li>
					<li class="color3au"><a href="#">Contact us</a></li>
				</ul>
			</li>
               </ul>
      </div>
</body>

CSS-KOD

#wrapper{
	width:960px;
	height:20px;
	margin:0 auto;
	text-align:left;
}

De andra div-boxarna till menyerna har

xx{

}

Letat på internet men hittade inget som kom till att hjälpa.

Levererar mer info om efterfrågas.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Hur ser CSS-koden ut för dropdown menyn? Skriv gärna all CSS:n

Redigera
Citera flera Citera
Permalänk
Medlem
●

[QUOTE=Cap'n Capsize;11938141]Hej
Jag är i farten med ett projekt i webbdesign (xhtml/css/js),
har kommit så långt som dropdown menyer som ska vara mall på subsidorna.

Men så stötte jag på ett problem när jag försökte centrera hela sidan så att den är centrerad
vilken upplösning man än har på skärmen sin och jag försökte med en div-box runt allt
och satte koden på den men div-boxen hamnade överst på sidan med "margin:0 auto;" som fungerade men
menyerna under den som också skulle centreras blev fortfarande statiska.

Här är koden. Föränklad såklart så att ni slipper läsa igenom rader och åter rader av kod.

XHTML-KOD

<body>
       <div id="wrapper">
             <ul id="dropmenu">
			<li><div class="au">About us</div>
				<ul class="au">
					<li class="color"><a href="#">History</a></li>
					<li class="color2"><a href="#">Legal</a></li>
					<li class="color3au"><a href="#">Contact us</a></li>
				</ul>
			</li>
               </ul>
      </div>
</body>

CSS-KOD

#wrapper{
	width:960px;
	height:20px;
	margin:0 auto;
	text-align:left;
}

De andra div-boxarna till menyerna har

xx{
        position:absolute;
	left: xx px;
	top: xx px;
	z-index: x ;
}

Om det skulle hamna i kläm någonstans som jag tvivlar på dock.

Letat på internet men hittade inget som kom till att hjälpa.
Levererar mer info om efterfrågas.
Är tacksam för all hjälp jag kan få.[/QUOTE]
XX-boxen är absolut positionerad, därför fungerar det inte.

Visa signatur

6600K@4,5GHz 1,25V | EVGA 980Ti | Samsung 950 Pro m.2

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av tomten_alle:

XX-boxen är absolut positionerad, därför fungerar det inte.

Gå till inlägget

Vilken position skulle vara lämplig isåfall?

och tack för svaraet

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av agentq15:

Hur ser CSS-koden ut för dropdown menyn? Skriv gärna all CSS:n

Gå till inlägget

Det är java scriptet som gör dropdpwn menyerna och css koden är ooptimerad på 100 rader, tror inte någon har lust att felsöka igenom den men om du vill det så postar jag det.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Cap'n Capsize:

Det är java scriptet som gör dropdpwn menyerna och css koden är ooptimerad på 100 rader, tror inte någon har lust att felsöka igenom den men om du vill det så postar jag det.

Gå till inlägget

Nah du har ju redan fått vad som är felet. Prova position:relative eller nåt. Svårt att säga när man inte vet exakt hur dropdown menyn fungerar.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Då får man tacka för din hjälp nu fungerar det fin fint.

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara