Archief - CSS: Fucked up menu

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
J

Jeroen_HD

Legacy Member
Hallo,

Ik ben een beetje aan het experimenteren met css en wou eens proberen een website'je maken over Battlefield 2142.

Ik wel een probleem met mijn menu aan de linkerkant. In mijn design view bij Dreamweaver ziet er er goed uit, maar in mijn browser (mozilla en IE7) ziet het er totaal niet uit.

Kunnen jullie mss helpen?

View in Dw: http://img234.imageshack.us/img234/2647/bfwebsitesi1.jpg
view in browser:http://img530.imageshack.us/img530/2278/bfwebsite2vj7.jpg

Hier is de code van het menu:

Code: 
#menu {
	color: #333333;
	cursor: crosshair;
}

 {
width: 200px;
background-color: #333333;
}

a:link, #nav a:visited{
color: #FFFFFF;
text-decoration: none;
background-color: #333333;
display: block;
padding: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
margin-bottom: 1px;
width: 190px; }

#nav a:hover{
color: #FFFFCC;
background-color: #003366;
}
body {
	background-color: #CBC283;
}
-->
</style>



<div id="#nav">
  <a href="Home.htm">Home	</a>
  <a href="Media.htm">Media</a>
  <a href="#">Downloads</a>
  <a href="#">Information</a>
  <a href="#">Xtra</a>
  <a href="#">Clan</a>
  <a href="#">Contact</a></div>


Greetz,
Jeroen
J

Jeroen_HD

Legacy Member
moet ik dat bij de rest ook aanpassen?
/Edit; Ik ben een grote noob met webdesign. Maar al doende leert men.
/Edit2; Ik heb mijn css code eens volledig aangepast, maar ik krijg hetzelfde resultaat, nog steed geen deftig menu.
Code: 
.nav,a.nav:link, a.nav:visited{
color: #FFFFFF;
text-decoration: none;
text-align: center;
background-color:#333333;
border: 2px solid #000;
display: block;
padding: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
margin-bottom: 1px;
width: 150px; 
height: 25px;
line-height: 25px;
overflow: hidden;
}


a.nav:hover{
color:#999999;
background-color: #FFFFFF;
}

a.nav:active{
color:#999999;
background: #FFFFFF;
}

body {
	background-color: #CBC283;
}
-->
</style>


<body>
<a class="nav" href="Home.htm" title="page 1">Home</a>
<a class="nav" href="Media.htm" title="page 2">Media</a>
<a class="nav" href="page3.htm" title="page 3">Downloads</a>
<a class="nav" href="page4.htm" title="page 4">Information</a>
<a class="nav" href="page5.htm" title="page 5">Xtra</a>
<a class="nav" href="page6.htm" title="page 6">Clan</a>
<a class="nav" href="page7.htm" title="page 7">Contact</a>
</body>
g

grooverider

Legacy Member
mag ik al eerst voorstellen om je css in een aparte file te gooien. Geen idee of dreamweaver dit kan, maar zoja, dan zou ik het zeker doen. (met het oog op meerdere pagina's => 1 css file, maakt aanpassen soms erg gemakkelijk).

Het is beter/gemakkelijker om je a's eerst in een ul te gieten
html:

Code: 
<div id="nav">
<ul>
<li><a href="pagina1.html">pagina1</a></li>
<li><a href="pagina2.html">pagina2</a></li>
<li><a href="pagina3.html">pagina3</a></li>
<li><a href="pagina4.html">pagina4</a></li>
</ul>
</div>

css:

Code: 
#nav { ... }
#nav ul {list-style: none} (om de bolletjes van de list weg te werken)
#nav li {...}
#nav a{...}

de rest moet je dan zelf maar aanvullen. Wrs ga je wel een width nodig hebben, en display: block mss ook. succes ermee
J

Jeroen_HD

Legacy Member
Maar zal mijn weergave in de browser dan dezelfde zijn dan die in Dreamweaver?
g

grooverider

Legacy Member
wel als je de juiste dingen in je css zet wel ja, maar zoals ik al zei: nu is het aan jou om wat op te zoeken over css (zoals background-color etc...)
J

Jeroen_HD

Legacy Member
Mja, momenteel is het eigenlijk enkel dat ding dat me enorm tegensteekt.
Voor de rest ga ik nog wa opzoekwerk doen over wat ik nog allemaal met een webpagina kan doen.

ps; weet hier iemand hoe ik tekst plaats in het midden van die pagina? zonder tabellen liefst
g

grooverider

Legacy Member
met zo een kleine vragen kan je hier blijven afkomen, maar ik denk dat je beter af bent als je de sticky is doorneemt en zelf een boel dingen over xhtml/css leert, dat zal je verder brengen dan wanneer wij je de pap in de mond geven.
V

VergeX

Legacy Member
ich15 zei:
Mja, momenteel is het eigenlijk enkel dat ding dat me enorm tegensteekt.
Voor de rest ga ik nog wa opzoekwerk doen over wat ik nog allemaal met een webpagina kan doen.

ps; weet hier iemand hoe ik tekst plaats in het midden van die pagina? zonder tabellen liefst
Klik om te vergroten...

Die dingen kan je inderdaad makkelijk zelf een keertje op zoeken. Probeer je vraag goed te formuleren, zoek eventueel op een kernwoord of op iets globaals. Het beste wat je doet is Google gebruiken en zowel op nederlandse als engelse websites zoeken naar datgene wat je denkt nodig te hebben.

Lukt het daarna nog niet of heb je het gewoon niet gevonden, kom dan hier terug aankloppen. ;)
o

orez

Legacy Member
Nee, het zal niet hetzelfde zijn in dreamweaver als in een browser, tenzij je CS3 gebruikt.

Gebruik AUB nooit !!! de designview, maar altijd bekijken in ne browser... Geen mens gaat uw site ooit bekijken in dreamweaver ze.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan