Databases
StackOverflow2013
Postsdbo
POCenter the Text of my Menu
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCenter the Text of my Menu
    text
    copied!<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>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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