Databases
StackOverflow2013
Postsdbo
POLinks Are Underlined When Used with ID Div (Trying to Remove Underline)
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POLinks Are Underlined When Used with ID Div (Trying to Remove Underline)
    primarykey
    data
    text
    <p><strong>Hi</strong> there, I am trying to edit the link styling of #navbar2 to remove the underlines. The id is called Navbar2 and I have even included a text-decoration:none; styling to it but still the links remain underlined. </p> <p>Here is my website: <a href="http://thetotempole.ca" rel="nofollow">www.thetotempole.ca</a></p> <p>Here is my HTML: </p> <pre><code>&lt;!doctype html&gt; &lt;head&gt; &lt;title&gt;The Totem Pole News&lt;/title&gt; &lt;script type="text/javascript"&gt; var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-45342007-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); &lt;/script&gt; &lt;meta name="description" content=" A totem pole themed news website posting articles on music, movies, video games, mobile applications, and news."&gt; &lt;link href="thecss.css" rel="stylesheet" type="text/css"&gt; &lt;script type="text/javascript" src="https://apis.google.com/js/plusone.js"&gt;&lt;/script&gt; &lt;script&gt;!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');&lt;/script&gt; &lt;link rel="icon" type="image/ico" href="images/favicon.ico"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=8" /&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="fb-root"&gt;&lt;/div&gt; &lt;script&gt;(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));&lt;/script&gt; &lt;div id="socialmediaplugins"&gt; &lt;div id="facebook"&gt;&lt;div class="fb-like" data-href="http://www.thetotempole.ca" data-width="The pixel width of the plugin" data-height="The pixel height of the plugin" data-colorscheme="light" data-layout="standard" data-action="like" data-show-faces="true" data-send="false"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div id="twitter"&gt;&lt;a href="https://twitter.com/share" class="twitter-share-button"&gt;Tweet&lt;/a&gt;&lt;/div&gt; &lt;g:plusone&gt;&lt;/g:plusone&gt; &lt;/div&gt; &lt;div id="container"&gt; &lt;div id="contentbox" align="Center"&gt; &lt;a href="#"&gt;&lt;div id="banner" align="Center"&gt; &lt;/div&gt;&lt;/a&gt; &lt;div id="navbar"&gt; &lt;p&gt;&lt;a href="#"&gt;&lt;img src="images/home.png" width="65" height="54" alt="picture of a house to relate to the home page (content)" style="position: absolute; left: 19px; top: 8px;"&gt;&lt;span style="position: absolute; left: 19px; top: 70px;"&gt;Content&lt;/span&gt;&lt;/a&gt; &lt;a href="#"&gt;&lt;img src="images/eagleicon.gif" width="73" height="39" alt="An Eagle icon for the News section of the Totem Pole" style="position: absolute; left: 111px; top: 21px;"&gt;&lt;span style="position: absolute; left: 121px; top: 71px;"&gt;News&lt;/span&gt;&lt;/a&gt; &lt;a href="#"&gt;&lt;img src="images/owlicon.gif" width="81" height="61" alt="An Owl icon for the Music section of the totem pole" style="position: absolute; left: 210px; top: 11px;"&gt;&lt;span style="position: absolute; left: 226px; top: 73px;"&gt;Music&lt;/span&gt;&lt;/a&gt;&lt;a href="#"&gt;&lt;img src="images/wolficon.gif" width="88" height="54" alt="A Wolf icon for the Movies section of the totem pole" style="position: absolute; left: 320px; top: 15px;"&gt;&lt;span style="position: absolute; left: 332px; top: 72px;"&gt;Movies&lt;/span&gt;&lt;/a&gt; &lt;a href="#"&gt;&lt;img src="images/hareimage.gif" width="60" height="56" alt="A Hare icon for Video Game section of the Totem Pole" style="position: absolute; left: 441px; top: 13px;"&gt;&lt;span style="position: absolute; left: 428px; top: 73px;"&gt;Video Games&lt;/span&gt;&lt;/a&gt; &lt;a href="#"&gt;&lt;img src="images/bearicon.gif" width="91" height="57" alt="A bear icon for the Health section of The Totem Pole" style="position: absolute; left: 551px; top: 13px;"&gt;&lt;span style="position: absolute; left: 580px; top: 72px;"&gt;Health&lt;/span&gt;&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;!--Nav Bar 2--&gt; &lt;div id="navbar2"&gt; &lt;a href="#"&gt;About Us&lt;/a&gt; &lt;a href="#"&gt;Feedback&lt;/a&gt; &lt;a href="#"&gt;Subscribe&lt;/a&gt; &lt;/div&gt; &lt;!-- Atomz HTML for Search --&gt; &lt;div id="searchbar"&gt; &lt;form method="get" action="http://search.atomz.com/search/"&gt; &lt;input id="searchbox" size="13" name="sp_q" value="Search..." onFocus="if (this.value == 'Search...') {this.value=''}"&gt; &lt;input class="css_btn_class" type="submit" value="Search"&gt; &lt;input type="hidden" name="sp_a" value="sp1005092e"&gt; &lt;input type="hidden" name="sp_p" value="all"&gt; &lt;input type="hidden" name="sp_f" value="UTF-8"&gt; &lt;/form&gt; &lt;/div&gt; &lt;img src="images/eagle.png" id="eagle" width="1144" height="325" alt="News content box"&gt; &lt;img src="images/musicbox.png" id="owl" width="1134" height="325" alt="Music content box"&gt; &lt;img src="images/wolf.png" id="wolf" width="1184" height="325" alt="Movies content box"&gt; &lt;img src="images/hare.png" id="hare" width="1115" height="325" alt="Video game content box"&gt; &lt;img src="images/bear.png" id="bear" width="1172" height="325" alt="Health content box"&gt; &lt;div id="footer"&gt;&lt;a href="#"&gt;Sitemap&lt;/a&gt; &lt;a href="#"&gt;About Us&lt;/a&gt; &lt;a href="#"&gt;Feedback&lt;/a&gt;&lt;/div&gt; &lt;!-- This is the end of the contentbox --&gt;&lt;/div&gt; &lt;!-- This is the end of the container div --&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Here is my CSS:</p> <pre><code>html { background: url(images/pine.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pine.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pine.jpg', sizingMethod='scale')"; } body { margin-bottom:0px; font-family: Verdana, Geneva, sans-serif; } a { outline : none; border: none; } a:hover { color: #0FC; } #container { width: 1000px; height:1875px; position:relative; margin-right: auto; margin-left: auto; z-index:1; margin-bottom: 50px; } #facebook { position:fixed; right:100px; z-index:15; } #twitter { position:fixed; z-index:16; right:120px; } #google { position:fixed; top:7px; right: 135px; } #socialmediaplugins { text-align: right; position: fixed; background: rgb(125,126,125); /* Old browsers */ background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(247,247,247,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ margin: 0px; top: 0px; left: 0px; right: 0px; z-index:14; } #searchbox { background-color:#01bff6; border-radius:4px; } #searchbox:hover { background-color:#76b618; border-radius:4px; } #searchbox:active { background-color:#01bff6; border-radius:4px; } #contentbox { background-color:black; background-image:url(images/wooden.jpg); width: 1000px; margin-bottom:50px; height: 1875px; box-shadow:2px 2px 10px 10px #060606; -webkit-box-shadow:2px 2px 10px 10px #060606; -moz-box-shadow:2px 2px 10px 10px #060606; /* For IE&lt;9 */ filter: progid:DXImageTransform.Microsoft.Shadow(color=#060606,direction=0,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#060606,direction=45,strength=2), progid:DXImageTransform.Microsoft.Shadow(color=#060606,direction=90,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#060606,direction=135,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#060606,direction=180,strength=10), progid:DXImageTransform.Microsoft.Shadow(color=#060606,direction=225,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#060606,direction=270,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#060606,direction=315,strength=2); } #banner { background-image:url(images/totempolebanner.gif); position:absolute; top:25px; width:768px; height:120px; left:116px; } #navbar { float: left; position: absolute; top: 146px; left: 76px; width: 844px; height: 158px; } a#navbar2 { text-decoration:none; } #navbar2 { position: absolute; top: 148px; left: 664px; width: 273px; height: 24px; font-size: 11px; } #searchbar { position: absolute; top: 23px; left: 885px; width: 118px; height: 69px; } .css_btn_class { font-size:9px; position: relative; top:0px; right:4px; width:90px; height:25px; font-family:Verdana; font-weight:normal; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; border:1px solid #35d914; padding:7px 24px; text-decoration:none; background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff9d00), color-stop(100%, #ffe711) ); background:-moz-linear-gradient( center top, #ff9d00 5%, #ffe711 100% ); background:-ms-linear-gradient( top, #ff9d00 5%, #ffe711 100% ); background-color:#ff9d00; color:#ff0000; display:inline-block; text-shadow:0px 0px 1px #117cff; -webkit-box-shadow: 0px 0px 0px 0px #117cff; -moz-box-shadow: 0px 0px 0px 0px #117cff; box-shadow: 0px 0px 0px 0px #117cff; background-image: url(images/unnamed.gif); background-repeat:no-repeat; background-position:right; }.css_btn_class:hover { width:90px; background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffe711), color-stop(100%, #ff9d00) ); background:-moz-linear-gradient( center top, #ffe711 5%, #ff9d00 100% ); background:-ms-linear-gradient( top, #ffe711 5%, #ff9d00 100% ); background-color:#ffe711; background-image: url(images/unnamed.gif); background-repeat:no-repeat; background-position:right; }.css_btn_class:active { position:relative; width:90px; top:1px; background-image: url(images/unnamed.gif); background-repeat:no-repeat; background-position:right; } /* This css button was generated by css-button-generator.com */ img {border:none;} #eagle { position:relative; right: 144px; top:250px; } #owl { top:575px; position:absolute; left:0px; } #wolf { top:900px; position:absolute; right:0px; } #hare { top:1225px; position:absolute; left:0px; } #bear { top:1550px; position:absolute; right:0px; } #footer { position: absolute; left: -12px; top: 1882px; width: 251px; } </code></pre> <p>Thank you!!</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. USKelsey Nealon
    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. This table or related slice is empty.
 

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