Problems with HTML + CSS Element Placement

Asked

Viewed 46 times

-1

I’m having a lot of problems positioning elements in html+css, I’m making a site, and I made a button with animation there, so I went to try to put a navigation bar, so I put before the code of the button with animation, and also put after, the navigation bar that I’m trying to put always sits side by side with the button, is it because? i wanted to coolocar this navigation bar up at the top of the site, someone knows some program that I can positionamento of anything type image, button and leave any position I want, or some way to solve the problem

css positioning

  • Wilson, ask your question better, include the code, a print would also help... Ask a question where users can get a sense of the problem verifiably. Just a text describing the problem doesn’t help at all. You need to ask a clear question where users can see the problem and give an accurate answer.

  • Leave it, I’ll do it next time.

  • You can edit the question, you don’t need to ask another. There’s an "edit" link just below the question.

1 answer

0

Hello, Wilson

Actually there is no program that creates this, you just have to imagine the structure of this menu.

I’ll give you a generic example, when you create a menu, its structure is based on lists and it would look like this:

li {
 display:inline;
 padding: 15px 10px;
 background-color: #ccc;
 margin-right: 0.5em;
 }
<ul>
  <li> item 1 </li>
  <li> item 2 </li>
  <li> item 3 </li>
  <li> item 4 </li>
 </ul>

Click on Run! Based on this structure you would put your button inside a li, neither above nor below. The rest you edit in CSS, if a button is different you create a class.

I don’t know if this has already given you a helping hand, I’ll wait for the return of your print as well.

Browser other questions tagged css positioning

You are not signed in. Login or sign up in order to post.