Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>That html is really hard to read for such a small piece of code. Using indentation would make it easier for you to spot mistakes. There were a number of things wrong:</p> <ul> <li>the opening div was missing from the snippet</li> <li>One of the divs "now playing" has a space in the id. One cannot have spaces in HTML IDs.</li> <li>you should have a trailing slash in the br tag</li> <li>you haven't closed the css style in the nowplaying div, i.e. you forgot the closing apostophe. This would cause problems.</li> <li>iframe does not have a valign property</li> <li>the height and width in the iframes are badly formed</li> <li>iframes do not have a border property</li> </ul> <p>Something like the following should serve better but without being able to debug on your server it's guesswork. Anyway, as said I've kept it pretty much to your structure and fixed fixed the obvious stuff but there will probably still be some issues when you try it on the site but it will get you closer. I certainly wouldn't do it this way however. </p> <p>The w3c validator is a handy tool.</p> <pre><code>&lt;div&gt; &lt;table border="0"&gt; &lt;tr&gt; &lt;th&gt; &lt;center&gt; &lt;img style="float: left;" src="http://www.southwestarkansasradio.com/images/onair995.jpg" alt="" height="35" width="316" /&gt; &lt;br/&gt; &lt;img src="http://www.southwestarkansasradio.com/images/playerbackground.jpg" width="316" height="216" alt="" border="1"&gt; &lt;div id="nowplaying" style="position: absolute; top: 60px; left: 20px;"&gt; &lt;!--[if IE]&gt; &lt;iframe src="http://www.southwestarkansasradio.com/NowPlaying.html" name="nowplaying" height="216px" width="316px" frameborder="0" scrolling="no" allowtransparency="true" &gt;&lt;/iframe&gt; &lt;![endif]--&gt; &lt;!--[if !IE]&gt;--&gt; &lt;iframe src="http://www.southwestarkansasradio.com/NowPlaying.html" name="nowplaying" height="216px" width="316px" frameborder="0" scrolling="no" &gt;&lt;/iframe&gt; &lt;!--&lt;![endif]--&gt; &lt;/div&gt; &lt;/center&gt; &lt;/th&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; </code></pre> <p>This is just a hack but to move the search box in IE8 and IE9 (haven't tried IE7) add the following to the head section of your template's index.php. It's just "pushing" the search box over.</p> <pre><code>&lt;!--[if IE]&gt; &lt;style type="text/css"&gt; div.topmenu { width: 250px !important; } div.search { margin-left: 30px !important; } &lt;/style&gt; &lt;![endif]--&gt; </code></pre>
    singulars
    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.
 

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