www.webdeveloper.com
Results 1 to 6 of 6

Thread: :target PSEUDO CLASS in IE

  1. #1
    Join Date
    Mar 2005
    Posts
    262

    :target PSEUDO CLASS in IE

    Hi All,

    I have found this article that utilises the :target pseudo class, I am in the progress of implementing it into my site. It displays well in firefox but it does not display well in IE X.

    Here is the link with the example, http://www.w3.org/Style/Examples/007/target.html
    could some one please help me. As I have used the !important, hack, but this doesnt seem to work either.

    Regards Solidariti

  2. #2
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167
    FYI
    * My screen resolution is set at 1680x1050
    * I'm accessing your site through a T1 line
    * I'm probably viewing it using Firefox (unless browser is specified)

  3. #3
    Join Date
    Mar 2005
    Posts
    262

    Still no luck with IE

    Thank you for your prompt reply, but I cant seem to get it to work in IE still. Here is the code that I use to make it work in Mozilla:

    I tried to use the code from http://tests.novemberborn.net/javas...rget-in-ie.html but I cant seem to get it to work.

    PHP Code:
         <div id=exhibition_events>

     
     <
    class="exhibitionLinks">
      <
    ul class="exhibitionList">
        <
    li class="exhibitionFirst">2006 Exhibitions</li>
        <
    li><a href="#exhibition1">Interbuild </a></li>
        <
    li><a href="#exhibition2">Home Building Renovating </a></li>
        <
    li><a href="#exhibition3">NEMEX</a></li>
        <
    li><a href="#exhibition4">Grand Designs </a></li>
        <
    li><a href="#exhibition5">Home Building Renovating </a></li>
        <
    li><a href="#exhibition6">100Detail </a></li>
        <
    li><a href="#exhibition7">Home Building Renovating </a></li>
        <
    li><a href="#exhibition8">Home Building Renovating </a></li>
        <
    li><a href="#exhibition9">Home Building Renovating </a></li>
        <!--<
    li class="exhibitionLast"><a href="#default">clear</a></li>-->
      </
    ul>
    </
    div>
    <
    div id="clear"><!-- clear right --></div>


                                                         </
    td>
                                                                </
    tr>
                                                              </
    table></td>
                                                              <
    td width="551" height="88" align="center" valign="middle" bgcolor="#FFFFFF" class="ver12">
                                                                  <
    div align="left">
                                                                    <
    span class="exhibitionSubtitle">Current Exhibition Listings</span>
                                                                    
    Please find below listings in date order for all the current exhibitions and shows that 
                                                                    we will be attending over 2005 
    and 2006.  For more information or booking the show 
                                                                    you are interested in
    then click the link where the name appears.                                                              </div>                                                          </td>
                                                              
                                                              <
    td width="10">&nbsp;</td>
                                                            <
    tr>
                                                              <
    td height="434" valign="top">
    </
    br>                                                      
    </
    br>


    <
    div id=exhibition_events>
    <
    div class="exhibition">
      <
    p id=default><!-- by default, show no text -->
      <
    p id=exhibition1>
      <
    img src="../images/exhibitions/exhibitions_interbuild.gif" title="Interbuild 2006 Exhibition" alt="Interbuild 2006 Exhibition" />
      <
    span class="exhibitionTitle">Interbuild 2006</span>
      </
    br></br>
         
    2<sup>nd</sup>-5<sup>th</supMarch Interbuild will create an exciting environment that brings buyers and suppliers together and helps to 
         create lasting relationships 
    for the benefit of the whole construction industry.  
      </
    br>
      
    Come and see us as stand number D15.
      <
    p id=exhibition2>
      <
    span class="exhibitionTitle">Homebuilding &ampRenovating Show 2006</span>
      </
    br></br>
      <
    img src="../images/exhibitions/exhibitions_homebuildingrenovating.gif" title="Home Building & Renovating 2006 Exhibition" alt="Home Building & Renovating 2006 Exhibition" />
      
    6<sup>th</sup>-7<sup>th</supMay The Scottish Homebuilding Renovating Show is the ideal place to get in touch with Scotland's self-build experts, the best way to source all the products, services and advice you need to build your dream home.  Come and see us at stand 238.
      <p id=exhibition3>
      <span class="exhibitionTitle">National Energy Management Exhibition 2006</span>
      </br></br>
      <img src="../images/exhibitions/exhibitions_nemex.gif" title="NEMEX (National Energy Management Exhibition) 2006" alt="NEMEX (National Energy Management Exhibition) 2006" />
      16<sup>th</sup>-18<sup>th</sup> May If you are responsible for managing energy in an organisation and you need to reduce your energy consumption and its environmental impact, this show is for you!  Entry is free to members of the trade.  Come and see us at stand R12.
      <p id=exhibition4>
      <span class="exhibitionTitle">Grand Designs Live 2006</span>
      </br></br>
      <img src="../images/exhibitions/exhibitions_granddesigns.gif" title="Grand Designs 2006 Exhibition" alt="Grand Designs 2006 Exhibition" />
      2<sup>nd</sup>-4<sup>th</sup> June Unique four-part structure, will be home to a set of provocative and compelling features.  Each one will, provide pratical information and stimulating entertainment.  Come see use at stand B110.
      <p id=exhibition5>
      <span class="exhibitionTitle">Home building & Renovating Show 2006</span>
      </br></br>
      <img src="../images/exhibitions/exhibitions_homebuildingrenovating.gif" title="Home Building & Renovating 2006 Exhibition" alt="Home Building & Renovating 2006 Exhibition" />
      1<sup>st</sup>-2<sup>nd</sup> July If you want a home built to the highest standards, to your exact specifications and in your ideal location and you want to save 30% of the cost visit the show.  Come and see us at stand 201.
      <p id=exhibition6>
      <span class="exhibitionTitle">100% Details 2006</span>
      </br></br>
      <img src="../images/exhibitions/exhibitions_100percentdetail.gif" title="100% Detail 2006 Exhibition" alt="100% Detail 2006 Exhibition" />
      21<sup>st</sup>-24<sup>th</sup> September You will see over 100 exhibitors showcasing quality and innovation in building products and materials, who have been approved by our industry advisory panel.  Entry is free.
      <p id=exhibition7>
      <span class="exhibitionTitle">Home building & Renovating Show 2006</span>
      </br></br>
      <img src="../images/exhibitions/exhibitions_homebuildingrenovating.gif" title="Home Building & Renovating 2006 Exhibition" alt="Home Building & Renovating 2006 Exhibition" />
      1<sup>st</sup>-2<sup>nd</sup> July If you want a home built to the highest standards, to your exact specifications and in your ideal location and you want to save 30% of the cost visit the show.  Come and see us at stand 419.
      <p id=exhibition8>
      <span class="exhibitionTitle">Home building & Renovating Show 2006</span>
      </br></br>
      <img src="../images/exhibitions/exhibitions_homebuildingrenovating.gif" title="Home Building & Renovating 2006 Exhibition" alt="Home Building & Renovating 2006 Exhibition" />
      1<sup>st</sup>-2<sup>nd</sup> July If you want a home built to the highest standards, to your exact specifications and in your ideal location and you want to save 30% of the cost visit the show.  Come and see us at stand 242.
      <p id=exhibition9>
      <span class="exhibitionTitle">Home building & Renovating Show 2006</span>
      </br></br>
      <img src="../images/exhibitions/exhibitions_homebuildingrenovating.gif" title="Home Building & Renovating 2006 Exhibition" alt="Home Building & Renovating 2006 Exhibition" />
      1<sup>st</sup>-2<sup>nd</sup> July If you want a home built to the highest standards, to your exact specifications and in your ideal location and you want to save 30% of the cost visit the show.  Come and see us at stand 237. </div>
     </div> 

  4. #4
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167
    Have you tried validating your coding?
    HTML - http://validator.w3.org
    CSS - http://jigsaw.w3.org

    Looks like there are some missing closing tags in your code....

    KDLA
    FYI
    * My screen resolution is set at 1680x1050
    * I'm accessing your site through a T1 line
    * I'm probably viewing it using Firefox (unless browser is specified)

  5. #5
    Join Date
    Mar 2005
    Posts
    262
    Yes I thought that but when you close them it doesnt display or hide the exhibitions??

  6. #6
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167
    Yeah, you're right. However, if you look at the code from the link I sent, the paragraphs are closed. I thought the code you provided was the amended code.

    You might try this instead: http://www.htmldog.com/articles/suckerfish/target/
    According to the article, it works for both browsers, without worrying about hacks.

    Here's the source, if you need more background: http://www.htmldog.com/articles/suckerfish/

    KDLA
    FYI
    * My screen resolution is set at 1680x1050
    * I'm accessing your site through a T1 line
    * I'm probably viewing it using Firefox (unless browser is specified)

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles