HTML/CSS

Frysdisken

Hi, I'm having a problem with my HTML/CSS code.
I'm trying to get rid of the double border in the navigation panel.

http://codeviewer.org/view/code:b5b

I've removed some of the code. I hope it won't make it harder too help me with my problem.

Delzhand

I'm guessing it's because you have the border attribute being rendered for each <a> element in the <ul>. Try moving the border 1px solid #000 to just the <ul>. That's my guess without actually seeing the page itself.

Edit: Just tested it - that works. However, if you want borders around each element, here's something to consider:

ul{
  border: 1px solid #000;
  border-bottom: 0px;
}

ul a{
  border-bottom: 1px solid #000;
}

Frysdisken

Thanks!

Also is it possible loading the links inside the navigation panel into the content area?

Example, I have some text that I want displayed in the content area when pressing the links in the navigation panel.

bowen

That'd probably be a frame or javascript thing.

iamthepieman

Frysdisken wrote: »

Thanks!

Also is it possible loading the links inside the navigation panel into the content area?

Example, I have some text that I want displayed in the content area when pressing the links in the navigation panel.

something like this:

function displayText() {
document.getElementById('description').innerHTML='newtext';
}

<a href="" onClick="displayText();return true">Click Here To Display Text</a>

and then in your html somewhere have a div or span with id of 'description'

<div id="description">
Old Text being displayed
</div>