Note that there are some explanatory texts on larger screens.

plurals
  1. POButton won't go up into the navigation bar
    primarykey
    data
    text
    <p>Here is the CSS i'm using:</p> <pre><code> body { font-family: 'Open Sans', sans-serif; background-color: #DB1F1F; } .navbar-menu { background-image: linear-gradient(bottom, rgb(72,174,52) 41%, rgb(101,209,78) 71%); background-image: -o-linear-gradient(bottom, rgb(72,174,52) 41%, rgb(101,209,78) 71%); background-image: -moz-linear-gradient(bottom, rgb(72,174,52) 41%, rgb(101,209,78) 71%); background-image: -webkit-linear-gradient(bottom, rgb(72,174,52) 41%, rgb(101,209,78) 71%); background-image: -ms-linear-gradient(bottom, rgb(72,174,52) 41%, rgb(101,209,78) 71%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.41, rgb(72,174,52)), color-stop(0.71, rgb(101,209,78)) ); background-repeat: repeat-x; border-color: #2DB51B; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-style: solid; height: 50px; width: 100%; margin: 0px 0px; position: relative; } .navbar-menu ul { list-style-type: none; position: absolute; display: inline; } .navbar-menu li { display: inline; position: relative; } .navbar-menu a { text-decoration: none; color: #FFFFFF } .navbar-btn { background-color: #44D1DB; border-radius: 7px; border: 1px solid #65A6AB; height: 20px; width: 45px; padding: 10px; position: relative; } .navbar-btn:hover { background-color: #6CCCF5; } </code></pre> <p>Basically i'm trying to make it go more up as it's completely stuck down. Here is the HTML i'm using:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'&gt; &lt;link type="text/css" rel="stylesheet" href="stylesheet.css" /&gt; &lt;title&gt;Button&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="navbar-menu"&gt; &lt;ul&gt; &lt;div class="navbar-btn"&gt;&lt;li&gt;&lt;a href="#"&gt;HTML&lt;/a&gt;&lt;/li&gt;&lt;/div&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>You can use JSFiddle and see how it looks like, I'm not sure how to fix it, I tried putting position: relative; in attempt to fix it.</p> <p>Top, margin-bottom just make it go up a little, I want it fitting right on the navbar. Can someone help?</p>
    singulars
    1. This table or related slice is empty.
    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.
    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