CODEWITHSUNDEEP
htmlcss
syllable3
syllable3

Reputation: 79

Placing image above div pushes content in other places

I'm trying to place an image above the top bar of a div on my website on the left side of where the navigation bar is. My Attempt

It should look Like this

And I would like it to look Like this

I've tried multiple things such as placing the div for the image in different spots in the code, and changing css elements for the div, but everything seems to push the other content images out of place on the website

Upvotes: 0

Views: 544

Answers (2)

Paulo R.
Paulo R.

Reputation: 15619

Your css isn't in very good shape, but, using your methods here's how to do it:

  1. remove the margin-top from #container
  2. add vertical-align: top to the img inside #photo
  3. change the top in #extraDiv1 to 246px
  4. change the top in .horizontal to 218px

I guess that should do it.

Upvotes: 0

hackattack
hackattack

Reputation: 1087

add this ...

.photo {
    position: relative;
    top: 4px;
}

and change the margin on #container to...

#container {
    margin-top: -1px;
}

Upvotes: 1

Related Questions