Problem with Tabbed Document Viewer

I'm uncertain what you mean, but have you tried adding border attribute here:

Code:

---

#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

---

Both options you gave me affect the actual tabs. There is already a border around those and they are fine as they are.

I want to put a border around the large box under the tabs.

Quote:

---

Originally Posted by cathimac

Both options you gave me affect the actual tabs. There is already a border around those and they are fine as they are.

I want to put a border around the large box under the tabs.

---

Highlighted is the keyword, you mean to describe the iframe and not the tabs. It was definitely a misunderstanding on both parties.

Anyway, for the fix, you can either choose from these two:

• You can style all the iframe elements:
  
  Code:

  ---

  iframe{border:3px double #555;}

  ---

• You can style the two iframes individually, by accessing the iframe's ID:
  
  Code:

  ---

  #tabiframe1{border:3px double #f00;}
#tabiframe2{border:3px double #00f;}

  ---

Hope it helps.

Thank you! I got it working.
Much appreciated for taking the time.

I've managed to get the two IFRAMES working on the page, however for some bizarre reason the colours on the tabs do not match with the CSS. Any idea why this maybe? My test site is:

http://www.met-monkey.co.uk/stormwatch.html

The purple on the tabs should not be there, it should be white and the IFRAME at the top the mouse-over text link should not be white, but navy blue.

Thanks for your help in advance, probably a real simple one this. I've checked the CSS though and I can't for the life of me see any problems.

Please start a new thread if you haven't already.