webForumDet fria alternativet

Föråldrad menyuppbyggnad? Dags för en onumrerad list?

5 svar · 378 visningar · startad av medialabs

medialabsMedlem sedan mars 20023 686 inlägg
#1

Ett frågetecken har uppstått nu när jag har läst lite om menyuppbyggnad. Fick tipset att göra om menyn enligt "onumrerad lista i stället som formateras att visas på en rad och där trianglarna sätts som listtecken...?"

Men har ingen som helt anning om HUR jag ska göra då jag aldrig tidigare har pysslat med just "list".

Uppskattar all hjälp jag kan få! :)

<table border="0" width="766" cellspacing="0" cellpadding="0">

	<tr> 
	<td width="100%" height="14" valign="middle" bgcolor="#8B9DB5"><b>&nbsp;&nbsp;
	<img src="/images/meny_pil.gif" width="13" height="7" alt="Meny: Startsidan"><a href="/index.asp" class="meny" accesskey="1" title="Navigera tillbaka till Startsidan">Startsidan</a>
	<img src="/images/meny_pil.gif" width="13" height="7" alt="Meny: Om sidan"><a href="/public/om.asp" class="meny" accesskey="2" title="Lär dig mer om vår webbplats">Om sidan</a>
	<img src="/images/meny_pil.gif" width="13" height="7" alt="Meny: Anpassa webbplatsen"><a href="/public/AdaptSite.asp" class="meny" accesskey="0" title="Anpassa webbplatsen">Anpassa webbplatsen</a>
	<img src="/images/meny_pil.gif" width="13" height="7" alt="Meny: Forum"><a href="http://www.medialabs.se/forum/" class="meny" accesskey="3" title="Medialabs webforum" target="_blank">Forum</a>
	<img src="/images/meny_pil.gif" width="13" height="7" alt="Meny: Datasäkerhet"><a href="/security/" class="meny" accesskey="4" title="Datasäkerhet">Datasäkerhet</a>
	<img src="/images/meny_pil.gif" width="13" height="7" alt="Meny: Viruscenter"><a href="/security/virus/" class="meny" accesskey="5" title="Viruscenter">Viruscenter</a>
	<img src="/images/meny_pil.gif" width="13" height="7" alt="Meny: Program"><a href="/public/program.asp" class="meny" accesskey="6" title="Mjukvara">Program</a>
	<img src="/images/meny_pil.gif" width="13" height="7" alt="Meny: kontakta"><a href="/public/kontakta.asp" class="meny" accesskey="7" title="Här hittar du kontaktinformation">Kontakta</a>  
	</b>
	</td>
	</tr>

</table>
jarvkloMedlem sedan juli 20013 378 inlägg
#2

Hmm..

http://css.maxdesign.com.au/listutorial
och
http://css.maxdesign.com.au/listamatic

borde kunna ta dig en bra bit på väg ;)

dectgapMedlem sedan sep. 20021 655 inlägg
#3

Äh, även om Jarvklo har rätt i att "det är bättre att lära en man att fiska än att..." (hur talesättet nu slutar), så känns det dumt att inte posta det jag skrev:

<style type="text/css">
#meny {
	background-color: #8BB9DB5;
	margin: 0;
	padding: 0;
}

#meny li {
	display: inline;
	background: url(/images/meny_pil.gif) left center no-repeat;
	padding-left: 15px;
	font-weight: bold;
}
</style>

...

<ul id="meny">
	<li><a href="/index.asp" class="meny" accesskey="1" title="Navigera tillbaka till Startsidan">Startsidan</a></ul>
	<li><a href="/public/om.asp" class="meny" accesskey="2" title="Lär dig mer om vår webbplats">Om sidan</a></ul>
	<li><a href="/public/AdaptSite.asp" class="meny" accesskey="0" title="Anpassa webbplatsen">Anpassa webbplatsen</a></ul>
	<li><a href="http://www.medialabs.se/forum/" class="meny" accesskey="3" title="Medialabs webforum" target="_blank">Forum</a></ul>
	<li><a href="/security/" class="meny" accesskey="4" title="Datasäkerhet">Datasäkerhet</a></ul>
	<li><a href="/security/virus/" class="meny" accesskey="5" title="Viruscenter">Viruscenter</a></ul>
	<li><a href="/public/program.asp" class="meny" accesskey="6" title="Mjukvara">Program</a></ul>
	<li><a href="/public/kontakta.asp" class="meny" accesskey="7" title="Här hittar du kontaktinformation">Kontakta</a></ul>
</ul>
medialabsMedlem sedan mars 20023 686 inlägg
#4

Vart ska jag skicka checken? Fungerar prima! :)

icaaqMedlem sedan okt. 20005 273 inlägg
#5

Angående dina "accesskeys" så anser jag att man ska följa Statskontorets Vägledning 24-timmarswebben 2.0.

http://www.funkanu.se/start.asp?sida=934

mv icaaq

medialabsMedlem sedan mars 20023 686 inlägg
#6

Nu har Funkas rekommendation för snabbkommandon på webbplatser etablerats som svensk de facto-standard i och med att den rekommenderas i Statskontorets Vägledning 24-timmarswebben 2.0. Många användare uppskattar hur snabbt och smidigt det är att använda snabbkommandon i sina program.

Synskadade och dyslektiker som använder olika hjälpmedel har om möjligt ännu större nytta av att enkelt och snabbt kunna hitta det de söker. Här följer de snabbkommandon som alla borde använda:

Ska implementera detta (tack för tipset!):
"S - Hoppa över navigering, hoppa direkt till textinnehållet "

Blir lite svårt när jag inte har:

Webbkarta
Sökfunktion
Vanliga frågor och svar (FAQ)
Hjälp

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