[CSS] Menutje lukt maar niet.

Pro web-ontwikkeling
#1

Hey,

Ik ben dus een menutje in css aan het maken en zou er zo moeten uit zien:
[img:f16e3715f3]http://users.pandora.be/rabbit_design/Forums/menu.gif[/img:f16e3715f3]
Het lukt me niet om een height van 30px te bekomen.

Dit is al mijn css code:

[code:1:f16e3715f3]<style>
#navlist li
{

display: inline;
list-style-type: none;
background-color:#7998A6;

margin:0;
padding:0;

font-size:11px;

}

#navlist li a:link,
#navlist li a:visited
{
height:30px;
color:#F9F9F8;
text-decoration:none;
font-family: Helvetica;
}
</style>
[/code:1:f16e3715f3]

En mijn html code:

[code:1:f16e3715f3]
<ul id="navlist">
<li><a href="#">NIEUWS</a></li>
<li><a href="#">PROMOTIES</a></li>
<li><a href="#">ONZE MERKEN</a></li>
<li><a href="#">CONTACT</a></li>
<li><a href="#">GASTENBOEK</a></li>
</ul>
[/code:1:f16e3715f3]

Wat doe ik fout, of waar zie ik over ?
T’is waarschijnlijk omdat het zondag is :slight_smile:

#2

wat als je je height bij je navlist li zet ipv bij de a?

#3

Neen, doet hij niet. IK heb echt al vanalles geprobeert.

#4

Ken je deze site: http://css.maxdesign.com.au/listamatic/index.htm ? Hier staan allerlei voorbeelden voor menu's gemaakt met css, daar zit vast wel de oplossing tussen...

#5

Ik ken hem. Ipv display:inline; moest ik float:left; gebruiken.

Maw het is dus opgelost.

#6

Ikzelf zou het oplossen met rolloverimage, en een template...

#7

Ik hou JavaScript liever zover mogelijk weg.

En als het een “Hand-crafted-website” is, dan werk je niet met templates.
Je maakt wel 1 basis maar de rest van de opmaak code tik je dan nog allemaal manueel in.

#8

Resultaat is te zien op www.freshface.be/sinkin

#9

:D Mooie site, echt vet.

#10

@Konijn

Ja is echt wel een mooie site!
Zeg, vraagje, je moet niet antwoorden hé!

Studeer je nog? Of werk je? Of doe je websites als zelfstandig bijberoep of zo?
En heb je het geleerd op school?

#11

Ik studeer nog.

Ik heb 2 jaar multimedia technieken gedaan op het VISO 5 en 6de jaar waar ik niets heb geleerd :slight_smile: (Buiten Lingo dan, dat is de programmeertaal in Director)
Ik kan wel zeggen dat ik bijna ALLES dmv zelfstudie heb geleerd.

Nu zit ik op Artevelde Hogeschool (1ste jaar) in Mariakerke en volg er Grafische en Digitale Media.

#12

Hee Konijn!!

Ik zit net achter een Windows machine met IE6 en het ziet er niet uit!! alles loopt door elkaar! zal kijken of ik je een schermafbeelding kan sturen…

#13

[quote:42856d6542="The Photographer"]Hee Konijn!!

Ik zit net achter een Windows machine met IE6 en het ziet er niet uit!! alles loopt door elkaar! zal kijken of ik je een schermafbeelding kan sturen…[/quote:42856d6542]

:stuck_out_tongue: Dat die maar firefox gaan gebruiken dan

:sealed: Je kunt echt een mooie en tegelijk goede site maken voor IE6, er is altijd wel wat…

#14

Ik heb de site nog niet getest op andere browsers. Dat is de fase die nu zou moeten komen :)

#15

Dan heb ik die fase al onderzocht :P Ik heb je een schermafbeelding gestuurd..

En firefox, ach ik kan het erop zetten, maar het is slechts de spelletjesPC van me zusje…

#16

In safari/firefox/mozilla op mac ziet hij er goed uit. In opera op mac geeft hij een foutje.

Debuggen voor pc is voor op een andere keer omdat ik geen pc heb …

#17

Zou nu iemand hem kunnen controleren op een pc in IE ? http://www.freshface.be/sinkin Er zat nog 1 css en 1 html foutje in.

#18

Wil morgenavond wel even checken voor je.. Zit dan weer achter een windowsbak.. (Heel misschien morgen overdag...)

Nog even iets anders, het is kinder en junior kleding, maar de dame op de foto is echt op het randje van junior denk ik, misschien een idee om een foto te plaatsen van meer de doelgroep??
Of valt zij wel onder Junior?

Voor de rest (op de mac) ziet het er netjes uit!

#19

Hier gaat die nog niet lekker. Maar dat zou ook aan dat Windows op die Virtual PC kunnen liggen waar ik niet mee om kan gaan... [url]http://forum.macosx.nl/album_page.php?pic_id=8572[/url]

#20

@ The Photographer: Ik moet de fotos nog geleverd krijgen. Dit is maar tijdelijk.

WebJ: al bedankt voor de screenshot.