html5 - Creating a responsive image row -


I have images for my navigation bar in Photoshop. I will create a black background and left during a shape Will they have displayed them in a vertical line down? Once this shape changes, they come in white and are not seen. In addition, if you are using Chrome, you have to hit the top left logo to move the nav images for any reason .. This is the only browser in this browser.

CSS:

/ * --- Navigation --- * / NAV (float: right; margin-top: 12px; margin-right: 25px;} A: {padding: 15px;} # contact {padding: 4px;} #bO {padding: 4px;} # photography {padding: 4px;} #design {padding: 4px;} # scatch {padding: 4px;} # Web {padding: 4px;}

html:

  header> gt; & lt; a href = "index.html" id = "HomeLogo" title = "home" & gt; & lt; img src = "picture / paint logo. Jpg" alt = "Ryan Warner amous" & gt; & lt; / a & gt; & lt; nav & gt; & Lt; a href = "contact.html" id = "contact" & gt; & lt; img src = "image / link / contact "Onmouseover =" this.src = 'picture / link / contact.png' 'onmouseout = "this.src =' images / link / contact.png '' & gt; & lt; / a & gt; & lt; A href = "bio.html" id = "bio"> 

  

Comments

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -