This is a discussion on "staggered tabs in IE7" within the Starting Out section. This forum, and the thread "staggered tabs in IE7 are both part of the Design Your Website category.
|
|
|
|
|
 |
||
staggered tabs in IE7
|
||
| Notices |
 |
|
|
LinkBack | Thread Tools |
|
#1
Sep 30th, 2007, 21:38
|
|||
|
|||
|
staggered tabs in IE7
I have one last issue with the website that I have almost finished. Since I am a beginner, I have no clue what the problem is. My navigation bar is fine on all the browsers except IE7. Here, on all the pages except the home page, the tabs are staggered, like a staircase, and I don't know how to line them up. I also don't know why this didn't happen on the home page. I would like to upload the site very soon, so could anyone please help me?
I have included the relevant files. Thanks, WebMachine (I searched several forums without any luck, but as I was waiting for a response, I figured it out. I'm not too experienced with troubleshooting design coding yet. Sorry for the bother.) Last edited by WebMachine; Sep 30th, 2007 at 22:00. Reason: I figured it out.        
|
|
|
|
#2
Sep 30th, 2007, 23:32
|
|||
|
|||
|
Re: staggered tabs in IE7
Great job WebMachine. Any chance you could post the answer so we can all learn from it?
|
|
#3
Sep 30th, 2007, 23:45
|
|||
|
|||
|
Re: staggered tabs in IE7
The tabs were ones I found in CSS play. When I copied and pasted the code from my index.html to my other pages, I forgot to also copy and paste a IE hack (is that the right expression?) that was in the <head>.
It uses the inline-block to group all the tabs together. I remember learning something about it when I was working through Eric Meyers "On CSS" book. The code is below: <!--[if IE]> <style type="text/css"> #pro7 ul {display:inline-block;} #pro7 ul {display:inline;} #pro7 ul li {float:left;} #pro7 {text-align:center; color: #F56504;} #pro7 li.current {color: #1D4CAB;} </style> <![endif]-->
|
|
#4
Oct 1st, 2007, 00:47
|
|||
|
|||
|
Re: staggered tabs in IE7
Awesome!! Thanks so much for posting that!!!
Sometimes CSSPlay isn't the easiest to use!
|
|
#5
Oct 1st, 2007, 10:21
|
|||
|
|||
|
Re: staggered tabs in IE7
So I found out. Not for the inexperienced or faint-hearted. I just copied the code and had to figure out what to do with it on my own. I would like, however, to learn how to design my own navigation bar with tabs now that I have tried it once. I still don't know how hacks for specific browsers work exactly, though.
|
|
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| [SOLVED] tabs with CSS | CloudedVision | Web Page Design | 3 | Mar 23rd, 2008 02:17 |
| jquery tabs prob | karloff | JavaScript Forum | 0 | Jul 4th, 2007 21:21 |
| Tabs on my webpage | pengyou | Starting Out | 5 | May 23rd, 2007 20:52 |
| CSS tabs | titaniumbean | Web Page Design | 5 | Aug 18th, 2005 09:50 |
| [SOLVED] Disable Button while using Tabs | Anonymous User | JavaScript Forum | 1 | Sep 14th, 2004 09:12 |
