Databases
StackOverflow2013
Postsdbo
PO
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p><sup><strong><em>Disclaimer</strong>: sorry I won't be testing this, just throwing some ideas.</em></sup></p> <p>Since image is actually the first element, here's an alternative simple idea, if you haven't figured any yet:</p> <pre><code>&lt;div class="Outer"&gt; &lt;img src='image123.jpg' /&gt; &lt;/div&gt; &lt;div class="Outer"&gt; &lt;a href="Default.aspx?ID=4083" id="ctl00_CPH_Main_Rep_List2_ctl03_HyperLink1"&gt;John Johnsson&lt;/a&gt; &lt;a href="../Users/ViewList.aspx?module=Occupation&amp;amp;ID=70"&gt;Doctor&lt;/a&gt; &lt;a href="../Workplaces/Default.aspx?ID=31"&gt;Mayo Clinica&lt;/a&gt; &lt;/div&gt; </code></pre> <p>It shouldn't affect <code>img</code> since it's just bold.</p> <hr> <p>Another approach would be modifying just the CSS and not touching the HTML:</p> <pre><code>.Outer a:first-child {font-weight:bold;} </code></pre> <p>That will affect every child from Outer, but I believe it would work in this case if there's nothing more inside Outer.</p> <hr> <p>The best thing to do, whoever, would be one different <code>div</code> for each group of elements. In this case, it would be something like this:</p> <p><strong>CSS</strong></p> <pre><code>.Outer {font-size:10pt;} .Outer-Head {boder:0;} .Outer-Body {font-weight:none;} .Outer-First {font-weight:bold;} </code></pre> <p><strong>HTML</strong></p> <pre><code>&lt;div class="Outer"&gt; &lt;div class="Outer-Head"&gt; &lt;img src='image123.jpg' /&gt; &lt;/div&gt; &lt;div class="Outer-Body"&gt; &lt;div class="Outer-First"&gt; &lt;a href="Default.aspx?ID=4083" id="ctl00_CPH_Main_Rep_List2_ctl03_HyperLink1"&gt;John Johnsson&lt;/a&gt; &lt;/div&gt; &lt;a href="../Users/ViewList.aspx?module=Occupation&amp;amp;ID=70"&gt;Doctor&lt;/a&gt; &lt;a href="../Workplaces/Default.aspx?ID=31"&gt;Mayo Clinica&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>It will give you best results. Just take a look at StackOverflow source on how it's done. It's very smooth.</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