Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to disable external css stylesheet - Newbie
    primarykey
    data
    text
    <p>I have created a three page web page and I'm using an external css stylesheet that is adjusting my navigation lists so they go across the top and have a coloured background.</p> <p>When I try and create a list on a page within a table the indenting and vertical listing don't work.<br> I traced the issue to the external style sheet.</p> <p>How do I go about turning off the settings the stylesheet did so I can properly format the list?</p> <p><strong>[EDIT- Okay, so I did a work around. I removed the external stylesheet link as was suggested and put all the style info into my head. Then I did a div around the ul and another around the li which seems to half way gotten it working. Around the li I set the width:50px and that got my vertical listing working. The list-style-type:square still doesn't do anything but I'm too fed up to care anymore for tonight.]</strong></p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Elex267-Webpage&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="myStyle.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;!-- Banner at Top of Page ***********************************--&gt; &lt;div style="background-color:blue; color:white;font-size:30px;"&gt; &lt;img src="Pics/camosun-white.png" alt="CamosunPNG" width="200" height="70" align="left"&gt; &lt;div align="center"style="margin-left:50%"&gt;Elex 267 Web Demo &lt;br&gt; Microchip TCP/IP Stack v3.02&lt;/div&gt; &lt;/div&gt; &lt;!--*********************************************************--&gt; &lt;!--NavBar Code *********************************************--&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="index.htm"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="features.htm"&gt;Features&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="about.htm"&gt;About&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;!--***************************************************--&gt; &lt;h1&gt; Welcome to the features page of the website.&lt;br&gt; &lt;/h1&gt; &lt;p&gt; This web page is being run on the NM101 NorthMicro Pic Prototype Board with the LCD/Keypad and Network modules. &lt;br&gt; Features are: &lt;/p&gt; &lt;table border="1"&gt; &lt;tr&gt; &lt;td&gt; &lt;p&gt;This is a paragraph&lt;/p&gt; &lt;p&gt;This is another paragraph&lt;/p&gt; &lt;/td&gt; &lt;td&gt;This cell contains a table: &lt;table border="1"&gt; &lt;tr&gt; &lt;td&gt;A&lt;/td&gt; &lt;td&gt;B&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;C&lt;/td&gt; &lt;td&gt;D&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;This cell contains a list &lt;ul&gt; &lt;li&gt;apples&lt;/li&gt; &lt;li&gt;bananas&lt;/li&gt; &lt;li&gt;pineapples&lt;/li&gt; &lt;/ul&gt; &lt;/td&gt; &lt;td&gt;HELLO&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt; &lt;!-- And the External CSS Stylesheet Code --&gt; p {color:black;font-size:20px;background-color:white;} body {background-color:white;} ul{list-style-type:none;margin:0;padding:0;overflow:hidden;} li{float:left;} a{display:block;width:400px;background-color:#ff0000;color:white;} a:hover,a:active{background-color:#cc0000;} </code></pre>
    singulars
    1. This table or related slice is empty.
    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.
 

Querying!

 
Guidance

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