probleem met stylesheet in menu - Softwareontwikkeling

zondag 5 november 2006 12:29

Acties:

Verwijderd

Topicstarter

[ Voor 99% gewijzigd door Verwijderd op 31-10-2023 22:56 ]

zondag 5 november 2006 12:32

Acties:

Verwijderd

Probeer het eens op de manier die ik hier beschrijf?

zondag 5 november 2006 12:44

Acties:

crisp

Devver

Pixelated

Je haalt class-selectors en id-selectors door elkaar

Intentionally left blank

zondag 5 november 2006 12:45

Acties:

Verwijderd

Topicstarter

[ Voor 99% gewijzigd door Verwijderd op 31-10-2023 22:56 ]

zondag 5 november 2006 12:46

Acties:

Verwijderd

Topicstarter

[ Voor 115% gewijzigd door Verwijderd op 31-10-2023 22:56 ]

zondag 5 november 2006 12:54

Acties:

t-x-m

.NET Nerd

Verwijderd schreef op zondag 05 november 2006 @ 12:46:
[...]

Ow.. ik ben helaas nog geen css held...maar ga dat wel worden. Zou je dat iets nader willen toelichten?

Een element aangeduid met:

HTML:

1	<div class='test1'>Hello world</div>

Word is css aangeroepen met

Cascading Stylesheet:

1	.test1 { background-color:#ffffff; }

een element met de volgende aanduiding:

HTML:

1	<div id='test2'>Hello moon</div>

Wordt is css zo aangeroepen:

Cascading Stylesheet:

1	#test2 { background-color:#000000; }

let dus op het verschil met de . en de #

GC.Collect();

zondag 5 november 2006 13:06

Acties:

Verwijderd

Topicstarter

[ Voor 99% gewijzigd door Verwijderd op 31-10-2023 22:56 ]

zondag 5 november 2006 13:27

Acties:

Verwijderd

Topicstarter

[ Voor 100% gewijzigd door Verwijderd op 31-10-2023 22:56 ]

zondag 5 november 2006 13:32

Acties:

DizzyWeb

Ondertiteld

Een id moet uniek zijn. Ik zou van die id="normal" en id="special" eens classes maken.

zondag 5 november 2006 13:40

Acties:

Verwijderd

Topicstarter

[ Voor 99% gewijzigd door Verwijderd op 31-10-2023 22:56 ]

zondag 5 november 2006 13:52

Acties:

Verwijderd

Dat werkt wel alleen moet je wel weten hoe je het gebruikt...

Niet vervelend bedoeld, maar probeer eens een degelijke tutorial over css in z'n geheel te doorlopen en probeer daarna opnieuw dit probleem op te lossen. Je mist nu echt de basis van css zo te zien.

als je classes maakt van die id's in je laatste voorbeeld dan kan je de normal items met div.style1-nav a.normal aangeven.

zondag 5 november 2006 13:52

Acties:

shnazzle

code:

<html>
<head>
<style>
.style1-nav a.normal { color: #000000}
.style1-nav a.special {color: #FF0000}
.style1-nav a.special:hover {color: #0000FF}
.style1-nav a:hover { color:#FF0000}
</style>

</head>
<body>
<div class=style1-nav>
<ul>
<li><a href="link1.php" class="normal" >link1</a></li>
<li><a href="link2.php" class="normal" >link2</a></li>
<li><a href="link3.php" class="special" >link3</a></li>
<li><a href="link4.php" class="normal" >link4</a></li>
<li><a href="link5.php" class="normal" >link5</a></li>
</ul>
</div>

</body>
</html>

IE7 en FF 1.5 compatible

met PHP of javascript kun je heel makkelijk de juiste class kiezen.

Dit kan anders, en stukje coden boven is niet volgens W3c normen..

[ Voor 10% gewijzigd door shnazzle op 05-11-2006 13:55 ]

zondag 5 november 2006 15:17

Acties:

Verwijderd

Topicstarter

[ Voor 99% gewijzigd door Verwijderd op 31-10-2023 22:56 ]

maandag 6 november 2006 08:50

Acties:

moozzuzz

Ik zou de <br> uit je tekst gooien, ziet er wat raar uit als de browser van de surfer kleiner is dan jij voorziet.

Pagina: 1

Reageer