Note that there are some explanatory texts on larger screens.

plurals
  1. POCenter the Text of my Menu
    primarykey
    data
    text
    <p>I need some help centering my menu on html css This is my code:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;title&gt;OMFGuys Official Website&lt;/title&gt; &lt;link rel="shortcut icon" href="http://i.imgur.com/3k9U9Os.png"&gt; &lt;/head&gt; &lt;body background="Imgs/papBG.png"&gt; &lt;div id="header" align="center"&gt; &lt;link rel="stylesheet" type="text/css" href="img.css" media="screen" /&gt; &lt;img src="Imgs/banner.png" width="100%"&gt; &lt;/div&gt; &lt;div id='cssmenu'&gt; &lt;link rel="stylesheet" type="text/css" href="menucss.css" media="screen" /&gt; &lt;ul&gt; &lt;li class='active'&gt;&lt;a href='index.html'&gt;&lt;span&gt;Início&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Youtube&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Sobre Nós&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Contactos&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class='last'&gt;&lt;a href='#'&gt;&lt;span&gt;Loja do Fã&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/body&gt; </code></pre> <p>and the css file:</p> <pre><code>#cssmenu { float: right; margin-left: auto; margin-right: auto; width: 100%; } #cssmenu ul { list-style-type: none; width: auto; position: relative; display: block; height: 33px; font-size: 12px; background: url(http://cssmenumaker.com/sites/default/files/menu/69/bg.png) repeat-x top left; font-family: Verdana, Helvetica, Arial, sans-serif; border: 1px solid #000; margin: 0; padding: 0; } #cssmenu li { position: relative; display: block; float: left; margin: 0; padding: 0; } #cssmenu li a { float: left; color: #A79787; text-decoration: none; height: 24px; padding: 9px 15px 0; font-weight: normal; } #cssmenu li a:hover, #cssmenu .active { color: #fff; background: url(http://cssmenumaker.com/sites/default/files/menu/69/bg.png) repeat-x top left; text-decoration: none; } #cssmenu .active a { color: #fff; font-weight: 700; } #cssmenu ul { background-color: #629600; } #cssmenu li a:hover, #cssmenu li.active { background-color: #7AB900; } </code></pre> <p>This is the result I get: <a href="https://dl.dropboxusercontent.com/u/214940697/PAP/index.html" rel="nofollow">https://dl.dropboxusercontent.com/u/214940697/PAP/index.html</a> But I wanted something like this: <a href="http://i.imgur.com/GCxKE5q.jpg" rel="nofollow">http://i.imgur.com/GCxKE5q.jpg</a> (did with Paint xD)</p> <p>So yeah, I would be very grateful if anyone can help me</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.
 

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