Databases
StackOverflow2013
Postsdbo
POFilling li with anchor when li is display:inline
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POFilling li with anchor when li is display:inline
    primarykey
    data
    text
    <p>After about 15/20 minuets of research and googling I have not found a solution.</p> <p>I am trying to fill a list item with an anchor however the li is set to display inline code:</p> <pre><code>#nav{ font-family:"chaparral-pro", Georgia, "Times New Roman", serif; position: relative; background-color: #404041; width: 100%; height: 40px; text-align: center; font-size: 15px; margin-top: -15px; } #nav a{ color: #f9a13e; text-decoration: none; } #nav a{ display: inline-block; height: 100% } #nav a:hover{ color: #fff; text-decoration: none; } ul#navInner{ position: relative; text-align: left; width: 840px; margin: 0 auto; height: 40px; padding-top: 10px; } ul#navInner li{ display: inline; border-right: 1px solid white; height: 40px; padding: 11px 8px 16px 8px; } li.noBorderR{ border: none !important; } </code></pre> <p>HTML:</p> <pre><code>&lt;div id="nav"&gt; &lt;ul id="navInner"&gt; &lt;li&gt;&lt;a href="_#"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="_#"&gt;About Us&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="_#"&gt;Our People&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="_#"&gt;How can we help&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="_#"&gt;Newsroom&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="_#"&gt;Resources&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="_#"&gt;Careers&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="_#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt; &lt;li class="noBorderR"&gt;&lt;a href="_#"&gt;Text Size&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!-- end nav --&gt; </code></pre> <p>Sorry for posting such a basic question on here! I cannot figure this one out! </p> <p>If I set the a{} to display: block it puts the whole li on block, and inline-block does nothing.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USJosh Boothe
    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. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. CO15 to 20 minutes... I have searched for 3 months for a solution to a problem (countless pages). Not to be too critical but I think you could, with a couple of hours more searching easily find an answer to this (or better still how about just playing around until you figure it out for yourself)
      singulars
      1. POFilling li with anchor when li is display:inline
      1. USPaul Sullivan
    2. CO`li` is by default set to display inline. As is the `a` tag. what exactly is your problem here???
      singulars
      1. POFilling li with anchor when li is display:inline
      1. USRyan
    3. CO@PaulSullivan At least Josh did **some** research. Many people on here neglect to use search engines altogether. Although it does appear that Josh has neglected to actually ask a question.
      singulars
      1. POFilling li with anchor when li is display:inline
      1. USKevin Brydon
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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