Note that there are some explanatory texts on larger screens.

plurals
  1. POCan't see logo in Google Chrome but can in IE and Firefox
    text
    copied!<p>Title explains all, I can't see what the issue is personally, I suspected may an issue with the CSS but it looks just fine in IE and Firefox, I don't see why chrome is struggling?</p> <p>I have tried adding </p> <pre><code>#logo img { width: 50%; float:left; } </code></pre> <p>To try to directly style the image, still no luck </p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;link rel="stylesheet" type="text/css" href="css.css"/&gt; &lt;title&gt;Welcome!&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="header"&gt; &lt;div id ="logo"&gt; &lt;img src="Media/Images/logo.svg" type="image/svg+xml" width="75%" height="142px;" /&gt; &lt;/div&gt; &lt;div id="icons"&gt; &lt;img src="Media/Images/EnvelopeIcon.png" alt="Envelope Icon" height="25" width="30"&gt; &lt;p&gt;M015734a@student.staffs.ac.uk&lt;/p&gt; &lt;div class="clear"&gt; &lt;/div&gt; &lt;img src="Media/Images/PhoneIcon.png" alt="Envelope Icon" height="25" width="30" /&gt; &lt;p&gt; 07904921417&lt;/p&gt; &lt;div class="clear"&gt; &lt;/div&gt; &lt;img src="Media/Images/HouseIcon.png" alt="Envelope Icon" height="25" width="30"&gt; &lt;p&gt;Stafford, UK&lt;/p&gt; &lt;div class="clear"&gt; &lt;/div&gt; &lt;div class="clear"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;nav&gt; &lt;div id ="NavBG"&gt; safsafnsakn &lt;/div&gt; &lt;/nav&gt; &lt;/body&gt; &lt;/html&gt; #logo { width: 50%; float:left; } #logo img { width: 50%; float:left; } </code></pre>
 

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