Linking to an ID not detected
So by far I have this code in html:
<body>
<div id="header"><h1>WE VOICE</h1>
<ul>
<li><a href="#one">First</a></li>
<li><a href="#two">Second</a></li>
<li><a href="#three">Third</a></li>
<li><a href="#four">Fourth</a></li>
</ul>
</div>
<div id="content">
<div id="one" class="content first"><h3 class="h3">Content
Title</h3><p style="color:#711928">Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Praesent vel sapien libero. Donec
tristique velit et placerat faucibus. Nunc nisi nibh, tincidunt
vitae tincidunt vel, euismod ac lorem. Nunc ornare bibendum augue,
a rutrum sapien euismod sed. Donec euismod lacus sed diam
convallis.</p><p style="color:#711928">Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Praesent vel sapien libero. Donec
tristique velit et placerat faucibus. Nunc nisi nibh, tincidunt
vitae tincidunt vel, euismod ac lorem. Nunc ornare bibendum augue,
a rutrum sapien euismod sed. Donec euismod lacus sed diam
convallis.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Praesent vel sapien libero. Donec tristique velit et placerat
faucibus. Nunc nisi nibh, tincidunt vitae tincidunt vel, euismod
ac lorem. Nunc ornare bibendum augue, a rutrum sapien euismod sed.
Donec euismod lacus sed diam convallis.</p></div>
<div id="two" class="content second"><h3 class="h3">Content
Title</h3><p style="color:#222222">Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Praesent vel sapien libero. Donec
tristique velit et placerat faucibus. Nunc nisi nibh, tincidunt
vitae tincidunt vel, euismod ac lorem. Nunc ornare bibendum augue,
a rutrum sapien euismod sed. Donec euismod lacus sed diam
convallis, quis sollicitudin ligula vehicula. Nunc ultricies
sapien consectetur, placerat magna id, ullamcorper leo. Phasellus
aliquam ligula eget tortor tincidunt, eu sodales mi
aliquet.</p></div>
<div id="three" class="content third"><h3 class="h3">Content
Title</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Praesent vel sapien libero. Donec tristique velit et
placerat faucibus. Nunc nisi nibh, tincidunt vitae tincidunt vel,
euismod ac lorem. Nunc ornare bibendum augue, a rutrum sapien
euismod sed. Donec euismod lacus sed diam convallis, quis
sollicitudin ligula vehicula. Nunc ultricies sapien consectetur,
placerat magna id, ullamcorper leo. Phasellus aliquam ligula eget
tortor tincidunt, eu sodales mi aliquet. Sed fringilla iaculis
aliquam. Proin in turpis neque. Fusce sit amet nisl eu ligula
semper hendrerit. Nulla a tincidunt augue. Donec interdum interdum
ultricies. In lacinia neque et dui adipiscing, eu iaculis urna
aliquet. Nullam vestibulum leo in turpis semper bibendum. Donec
sem tortor, viverra ut pellentesque vitae, fringilla ut
metus.</p></div>
<div id="four" class="content four"><h3 class="h3">Content
Title</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Praesent vel sapien libero. Donec tristique velit et
placerat faucibus. Nunc nisi nibh, tincidunt vitae tincidunt vel,
euismod ac lorem. Nunc ornare bibendum augue, a rutrum sapien
euismod sed. Donec euismod lacus sed diam convallis, quis
sollicitudin ligula vehicula. Nunc ultricies sapien consectetur,
placerat magna id, ullamcorper leo. Phasellus aliquam ligula eget
tortor tincidunt, eu sodales mi aliquet. Sed fringilla iaculis
aliquam. Proin in turpis neque. Fusce sit amet nisl eu ligula
semper hendrerit. Nulla a tincidunt augue. Donec interdum interdum
ultricies. In lacinia neque et dui adipiscing, eu iaculis urna
aliquet. Nullam vestibulum leo in turpis semper bibendum. Donec
sem tortor, viverra ut pellentesque vitae, fringilla ut
metus.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Praesent vel sapien libero. Donec tristique velit et
placerat faucibus. Nunc nisi nibh, tincidunt vitae tincidunt vel,
euismod ac lorem. Nunc ornare bibendum augue, a rutrum sapien
euismod sed. Donec euismod lacus sed diam convallis, quis
sollicitudin ligula vehicula. Nunc ultricies sapien consectetur,
placerat magna id, ullamcorper leo. Phasellus aliquam ligula eget
tortor tincidunt, eu sodales mi aliquet. Sed fringilla iaculis
aliquam. Proin in turpis neque. Fusce sit amet nisl eu ligula
semper hendrerit. Nulla a tincidunt augue. Donec interdum interdum
ultricies. In lacinia neque et dui adipiscing, eu iaculis urna
aliquet. Nullam vestibulum leo in turpis semper bibendum. Donec
sem tortor, viverra ut pellentesque vitae, fringilla ut
metus.</p></div>
<div id="footer"><h2>Website designed</h2><p>by Pau Olivé
Montejo</p></div>
</div>
</body>
The problem is that in the buttons I made editing the <li> the link is not
displayed, it appears like a simple button without any link.
No comments:
Post a Comment