Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You are using a mix of inline, internal and external CSS styles. Ideally, should be using only external styles, and use internal and inline CSS only when it's absolutely necessary. This creates cleaner code that is more organized and easier to work with. The Bootstrap framework you are using is pretty much nothing but external CSS files. You can look at them to see how they work, and I would suggest checking out <a href="http://htmldog.com/guides/css/beginner/applyingcss/" rel="nofollow">this link</a> to learn the different ways you can apply CSS.</p> <p>Your specific problem, at the moment, deals with inheritance, which you can solve with <a href="http://htmldog.com/guides/css/intermediate/grouping/" rel="nofollow">nested CSS classes</a>.</p> <p>What you want to do is create a CSS class and tell your 'a' tags to inherit from it, like this:</p> <pre><code>.myclass &gt; a { } </code></pre> <p>The angle bracket tells the 'a' tag to inherit from whatever is above it. In CSS, this is called nesting.</p> <p>You will have to create a different nest for each a tag. Do this, and write your styles into them.</p> <pre><code>.myclass &gt; a { color: inherit; } .myclass &gt; a:hover { color: #ffffff; } .myclass &gt; a:link { color: #ffffff; text-decoration: none; } </code></pre> <p>Then make sure you apply the class to your 'div' tag like this:</p> <pre><code>&lt;div class="myclass"&gt; </code></pre> <p>Finally, make sure your inline styles aren't overriding any of your classes. For example, this anchor has a color defined as an inline stlye. This inline style will override the styles specified from the classes we have created:</p> <pre><code>&lt;a href="#" style="color: red"&gt;&lt;b&gt;Marcus&lt;/b&gt;&lt;/a&gt; </code></pre> <p>To fix this, just get rid of the inline style, and the nested CSS that we wrote should take care of it. Do the same for any other inline styles that may be overriding your classes.</p> <p><a href="http://htmldog.com/" rel="nofollow">HTML Dog</a> is a great place to learn more about HTML, CSS and Javascript. Check it out :)</p>
    singulars
    1. This table or related slice is empty.
    1. POCSS inside areas
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USJerreck
    1. USJerreck
    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.
    1. COCould it work if I made a .css file instead of the style?
      singulars
      1. PO
      1. USMarcus
    2. COAh, I see your problem now that I look at this again. Although I suggest learning how to place your styles in an external CSS file, that's not your issue. You are using inline styles on all of your elements. Inline styles will affect only the element to which you apply them. What you want to do is create classes. Classes allow you to reuse styles on multiple elements, and they make it easy to allow child elements inherit styles from parent elements, like I explained above. Let me modify my answer to show you what I mean now that I have a better idea of the problem.
      singulars
      1. PO
      1. USJerreck
    3. COHow could I then add the CSS code I was talking about? I knew about the style color, but the whole CSS code can it be in there?
      singulars
      1. PO
      1. USMarcus
 

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