Note that there are some explanatory texts on larger screens.

plurals
  1. POIE7 changing my style when using jquery/jquery UI and <a onclick="show();hide2();hide3;">
    primarykey
    data
    text
    <p>I got my code working the way i wanted it to, works perfectly in ie9, chrome, FF, safari, opera, but when i try IE7 (the company i'm developing for uses this on their system) it causes my content div to move up the page, closing the gap between the header and content. i am wondering if its to do with my inline styling e.g.</p> <pre><code>&lt;div id="lang" style="height:200px"&gt; </code></pre> <p>here is my code</p> <h3>Javascript</h3> <pre><code> function hide(){ $('#lang').hide(500); } function show(){ $('#lang').show("blind", 500); } function hide2(){ $('#aud').hide(500); } function show2(){ $('#aud').show("blind", 500); } function hide3(){ $('#rep').hide(500); } function show3(){ $('#rep').show("blind", 500); } </code></pre> <h3>HTML</h3> <pre><code> &lt;h3 class="red"&gt; &lt;a onclick="show();hide2();hide3();"&gt;&lt;u&gt;Language&lt;/u&gt;&lt;/a&gt; - &lt;a onclick="hide();show2();hide3();"&gt;&lt;u&gt;Audience&lt;/u&gt;&lt;/a&gt; - &lt;a onclick="hide();hide2();show3();"&gt;&lt;u&gt;Representation&lt;/u&gt;&lt;/a&gt; &lt;/h3&gt; &lt;div id="field" style="height:450px"&gt; &lt;div id="lang" class="pad" style="height:440px"&gt; &lt;h3&gt; Language &lt;/h3&gt; &lt;img src="images/language.jpg" alt="language" align="left" class="im" /&gt; &lt;p&gt;Each form of media has its own language that we become familiar with and learn to decode in order to understand the text. In print texts such as newspapers we know that words in a variety of formats construct much of the meaning of this type of media. These include the masthead, headlines, body text and captions. Similarly, magazines will use the printed word in much the same way but mags tend to make more use of photos and graphics which we also learn to decode. An image of a celebrity on the front cover will probably appear as a selection from a studio photo shoot, with suitable lighting, cropping, dress code and there is always the possibility that the image has been photoshopped. In terms of listening media there are language elements such as music, voice and sound effects. Film or moving image media is decoded through sound, camerawork, mise en scene, cinematography and editing. Our experience with the media gives us a working knowledge of of all of the above but in order to produce our own media artefacts we need to have a deeper understanding of these language components. This enables us to encode text, images, sound and film to present our own ideas in a way that makes meaning for the intended audience.&lt;/p&gt; &lt;/div&gt; &lt;div id="aud" class="pad" style="display:none;height:425px"&gt; &lt;h3&gt; Audience &lt;/h3&gt; &lt;p&gt;This concept has to do with the way we identify, construct and address audiences. It also deals with the ways in which audiences consume texts and the meanings and pleasures they derive from texts. Audiences are defined by factors such as nationality and age. They may also &lt;img src="images/audience.jpg" alt="audince" align="right" class="im" /&gt; be understood in terms of the categorisation of social groups. An audience may be an individual, a family unit or a social group in a pub. Texts are encoded to appeal to audiences in specific ways - think of the appeals offered by the range of characters in a soap such as Eastenders or the attractions of the Olympics to a global audience. Any text can be read differently by different audiences. They may approve or disapprove of the humiliation of contestants on The X Factor. The pleasures of the same text may be completely different for different consumers of the text. Think of a programme that divides opinion in your home.&lt;/p&gt; &lt;/div&gt; &lt;div id="rep" class="pad" style="display:none;height:360px"&gt; &lt;h3&gt; Representation &lt;/h3&gt; &lt;p&gt;This is central to our understanding of the media. The media do not present the &lt;img src="images/steriotypes.jpg" align="left" alt="steriotypes" class="im" /&gt; world to us but they do offer a re-presentation of it.The role of the media is to construct a relationship between the real world and our ideas about that world. We may think we have extensive knowledge of a celebrity but that knowledge is filtered through the media so that we understand the mediated version of that person. We may think we know a lot about David Beckham through the media but this is made up of the image of the footballer, the ad figure, the celebrity husband, the sporting representative for the UK and so on. These are all aspects of a highly mediated construct and the extent to which we can say we know such a person has to be limited. The concept of representation applies not just to people but to nations, values, issues and our sense of self.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>im also using</p> <pre><code>&lt;!--[if lt IE 8]&gt; &lt;![end if]--&gt; </code></pre> <p>for my ie7 stylesheet</p> <p>I'm not a fluent javascript/jquery developer and can only do some simple implementation and modification of plugins like nivo slider/shadowbox etc. so any help would be greatly appreciated.</p> <p>I also forgot to mention that i'm using css3PIE...</p> <p>thanks,</p> <p>Finbar</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload