HTML - Tabbed Browser Question

I have a tabbed content box using jQuery, but I want to show HTML upon loading that is not one of the actual tabs. Here is my code so far.

Code:

  <div id="tabs_container">
  <ul id="tabs">
      <li><a class="imgrep exceed" href="#tab1">tab1</a></li>
      <li><a class="imgrep fun" href="#tab2">tab2</a></li>
      <li><a class="imgrep envelope" href="#tab3">tab3</a></li>
      <li><a class="imgrep love" href="#tab4">tab4</a></li>
      <li><a class="imgrep ceo" href="#tab5">tab5</a></li>
      <li><a class="imgrep embrace" href="#tab6">tab6</a></li>
      <li><a class="imgrep shoes" href="#tab7">tab7</a></li>
      <li><a class="imgrep celebrate" href="#tab8">tab8</a></li>
  </ul>
  </div>

  <div id="tabs_content_container">

<!-- code I want to show as the default slide -->

  <div class="tab_content" style="display: block;">
  <div id="inside_content">
     <p class="inside_h"><span style="color: #00a7d1;">Our Recipes for Success</span></p>
     <p class="inside_p">Whether it's a simple assignment or basic interaction with one of the members, our goal is not to just be good, but be better than great.</p>
  </div>
  </div>
<!-- end default code -->

<!-- Tab 1 -->
  <div id="tab1" class="tab_content">
  <div id="inside_content">
     <p class="inside_h"><span style="color: #00a7d1;">Exceed Expectations everyday.</span></p>
     <p class="inside_p">Whether it's a simple assignment or basic interaction with one of the members, our goal is not to just be good, but be better than great.</p>

  <ul id="ingredients">
      <li>ingredients:</li>
      <li>2 determination</li>
      <li>1 positive attitude</li>
      <li>2 self-motivation</li>
      <div id="logo-blue"></div>
  </ul>
  </div>
  </div>

<!-- Tab 2 -->
  <div id="tab2" class="tab_content">
  <div id="inside_content">
     <p class="inside_h"><span style="color: #d18c02;">Have fun.</span></p>
     <p class="inside_p">We get to do the unthinkable - work and have a good time. We share that philosophy through. Fun is what makes it so invaluable.</p>

  <ul id="ingredients">
      <li>ingredients:</li>
      <li>1 passion</li>
      <li>3 positive attitude</li>
      <li>1 goofyness</li>
  </ul>
  </div>
  </div>
... more tabs...

Hi,

It's quite popular to have a tabbed pane in web pages nowadays.
We can have sub-section of our page in the tabs and thus minimize
scrolling.

As such, I'm just wondering whether in terms of performance
(not sure how browser render it), is it faster to just have HTML tables
rather than those tabbed panes.

eg:

<With tabbed panes>

Section 1 / Section 2 / Section 3


<With HTML tables>

Section 1

Section 2

Section 3



Please comments.

Thanks in advance.

does anyone know a browser that will only parse and evaluate valid HTML/XHTML based on what the doctype is and ignore invalid HTML/XHTML or generate errors. So if I had a XHTML doctype and my code was:

Code:

this is a XHTML document
<br>
this should be a new line

I don't want the <br> to parse because I want something to trigger that is it not a valid XHTML tag since it is not closed. Any browser won't really care and just show the new line. I would have to validate it on the w3c website to find my error. So I want a browser that would give me these results based on my example code:

Code:

this is a XHTML documentthis should be a new line

and then some sort of error saying "<br>" on line x is invalid.

Hi,

I work on a Mac, and have Safari, Internet Explorer 5 and Firefox.

1. What do you think I should be building my sites to? What do you use?
2. Also why do some sites work in all browsers? CSS hacks?


Microsoft are no longer letting you download Internet Explorer for the Mac, from microsoft.com. Therefore all new mac users from February last year will not be using Explorer.

Please help!
Thankyou
Tom

Hey guys should I be worried about coding my site for the IE 5.x series or should I just concentrate on IE6 and IE7

I just changed the logo for a site and now because the width and height dimensions are different from the old one the logo will look skewed to old customers coming to the site without refreshing their browsers. How do I solve this problem?

I was wondering on the board's opinion. Basically, the ALTtext element used in image display, provides two things:

1. Replacement text if the image should be abscent so that you can easily reference which image is missing and replace it.

2. Mouseover text of the image so surfers can get short extra information about the image.

Now, you may argue that a Browser should come set as default to ignore mouseover text. However, there is a reason why many web developers still use this in preference to an image title.

The reason being that it is extra programming for the developer to type out additional code which merely plays the same role as the original Alt attribute.

Some argue that the programmer shouldn't even give an Alt value! Sadly, in turn many browsers are unfortunately becoming designed without the Alt text attribute, making many Alt-text-specific sites hard to understand.

If you honestly find a small bit of mouseover text which really only exists for a fraction of a second intrusive of your surfing time then you've got issues.

Who agrees?

Hi there,

I am currently in the process of re-designing my girlfriends dads companies website and he has requested that customers can fill in a form, and when submitted the form gets emailed to his inbox. At the moment his website opens up outlook express, when the form is submitted, using the mailto: function, but he really doesn't like this.

Is there any other way of emailing from a browser without any programs popping up? I am open to suggestions on other ideas that may work here if anyone can think of anything.

Thanks in advance.

Tom

Hi, I've get this website http://jigsawpropertiesuk.com and it looks perfectly fine in firefox but once you use internet explorer thats when things start going wrong. the login/register thing at top is moved all the way to the right and so is the right fade picture. In addition near the bottom of the page where the posts are located the text is out of position. I have no clue what so ever why its doing this since I've never had this issue with other websites.

The css is located he http://jigsawpropertiesuk.com/wp-con...ties/style.css

Any help is appreciated

Hi,

Is there a way I can not show all the url in the browser window. for instance when showing a links page, instead of the address being

"http://www.webspace.co.uk/links.htm" could it just be "http://www.webspace.co.uk

I have seen this done but not sure how.

Thanks

Simon

I created a simple table with 2 rows 2 columns. I minimize the browser window into smallest window and I noticed that It screwing up my tables and the contents of it. They get squeezed as I resize the IE windows. How can I make the tables and its contents not to resize with the windows? Please help.

I have a small window that shows site logins by ip address.

I open it with window.open and get exactly the proper display in the proper position.

But, I'm stuck with the browser page that called window.open().

Is there a way to close that browser?

I've tried things like window.opener.close() with no luck.

Remember, I want t close the browser, not just a window.

Thanks, Mac

Hi - can someone please have a look at this site for me from a PC (pref IE8). My site is pretty basic in respect to xhtml (although I have just converted it into a WP site) but it uses a little jquery - however, all was fine, FF/Safari/Opera - no problem but in IE8 a lot of the styles seemed to have gone a bit mental - I am praying that my parallels on my Mac is being odd but perhaps I need to make some CSS fixes??? Unfortunately I cannot get to a PC in the immediate time...

Here is the link ...

Thanks

Y

(also here is a screen shot of the what my mac is showing - the correct styles )

I was wondering if it was possible to set us a code so that when someone is looking at my site in say Internet Explorer is would direct them to a site that displays the page how I have it set up for IE for them and one say for firefox and say safari. Thank you in advance, I appreciate it!