Databases
StackOverflow2013
Postsdbo
POList items stacking when made into hyperlink
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POList items stacking when made into hyperlink
    primarykey
    data
    text
    <p>I have 2 groups of code and a rather easy question for most people, nevertheless, a question. </p> <p>There is this piece of code ready made with working css implemantation: </p> <pre><code>&lt;div class="subTopHolder"&gt; &lt;ul class="language"&gt; &lt;li&gt;&lt;a href="#" title="Türkçe"&gt;TR&lt;/a&gt;&lt;/li&gt; &lt;li&gt;EN&lt;/li&gt; &lt;/ul&gt; </code></pre> <p>And it breaks as soon as I turn EN into a hyperlink. Resulting code: </p> <pre><code>&lt;div class="subTopHolder"&gt; &lt;ul class="language"&gt; &lt;li&gt;&lt;a href="#" title="Türkçe"&gt;TR&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" title="English"&gt;EN&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; </code></pre> <p>In this case, rather than standing side by side with a margin, they are stacked vertically. </p> <p>Accompanying css code is: </p> <pre><code>div.subTopHolder { width:1002px; height:201px; margin:auto auto; padding:0 12px; position:relative; overflow:hidden; background:url(../images/bck-bannerHolder.jpg) no-repeat center top; } ul.language { float:right; clear:left; padding:2px 0; margin-bottom:4px; cursor:default; } ul.language li { display:inline; background:#f8c180; padding:2px 4px; font-size:10px; cursor:default; text-shadow:0 1px white; border-radius:2px; } ul.language li a { font-size:10px; display:block-inline; background:#fff; color:#000; text-decoration:none; margin:-2px -4px; padding:2px 4px; border-radius:2px; transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; } ul.language li a:hover { box-shadow:1px 1px 8px 0px black; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USwhotheman
    1. USwhotheman
    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. COcheck for html syntax error here : <a href "#" tile "English">
      singulars
      1. POList items stacking when made into hyperlink
      1. USMouloud
    2. CO@Mouloud sorry, mistyped it here. problem persists
      singulars
      1. POList items stacking when made into hyperlink
      1. USwhotheman
    3. COIn `ul.language li a` you have `display:block-inline`. That's **not** a valid statement. You probably meant `block` or `inline-block`.
      singulars
      1. POList items stacking when made into hyperlink
      1. USBram Vanroy
 

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