473,699 Members | 2,773 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Can't change bullet image

Hi.
I have a list that is similar to this:

-Evaluation
+test
+test
-Students
+test

I would like to change the "-" bullet only, but I cannot. My
modifications keep on changing the "+" part which I don't want.

Here is a screenshot of my page...
http://142.103.119.145/screen.gif

Here is the CSS info...

/* course home */
#contentCourseH ome {
padding: 1.5em;
background: #f0f0f0;
border: 1px solid #333;
}
#courseHome {
}

/* the following is a fix for a weird IE-Win whitespace bug called the
peekaboo bug */
/* Hides from IE-mac \*/
* html #contentCourseH ome { height: 1%; }
/* End hide from IE-mac */

#contentCourseH ome a.edit {
font-size: 0.5em;
padding-left: 2em;
background: transparent url(../images/icons/edit.gif) no-repeat center
left;
}

#contentCourseH ome ul.description {
float: right;
margin: 0 0 1em 1em;
clear: right;
padding: 0;
}
#contentCourseH ome ul.description li {
margin: 0;
padding: 0 0 0 1.25em;
background: transparent url(../images/icons/li_dark.gif) no-repeat 0
0.7em;
list-style-type: none;
}
#contentCourseH ome ul.description li ul {
margin: 0;
padding: 0;
}
#contentCourseH ome ul.description li ul li {
margin: 0;
padding: 0 0 0 1em;
background: transparent url(../images/icons/li.gif) no-repeat center
left;
list-style-type: none;
}
#contentCourseH ome ul.options {

list-style-image: url(../images/course_icons/assignment.png) ;

}

#contentCourseH ome ul.button li{
list-style-type: none;
list-style-image: none;
}

/*
#contentCourseH ome ul.options li {
margin: 0 0 1em 3em;
padding: 0;
}
#contentCourseH ome ul.options li h3 {
margin: 0;
padding: 0;
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
}
#contentCourseH ome ul.options li ul {
margin: 0 0 0 0;
padding: 0;
}
#contentCourseH ome ul.options li ul li {
margin: 0 0 0.25em 0;
padding: 0;
list-style-type: none;
}
*/
/*
#contentCourseH ome .category {
font-size: 1.1em;
font-weight: bold;
color: #000;
}
#contentCourseH ome ul {
margin: 10px 0 20px 25px;
padding: 0;
list-style: none;
}
#contentCourseH ome li {
margin: 0 0 .5em 0;
padding: 0 0 0 13px;
line-height: 1.3em;
background: url(../images/icons/li.gif) no-repeat 0 5px;
}
*/

/* buttons */
#contentCourseH ome ul li a {
font-size: 0.9em;
text-decoration: none;
background-color: #fff;
border: 1px solid #999;
color: #333;
cursor: hand;
padding: 0.15em 0.15em;
}
#contentCourseH ome ul li a:link {
color: #333;
}
#contentCourseH ome ul li a:visited {
color: #333;
}
#contentCourseH ome ul li li a:hover {
color: #D97B00;
}
#contentCourseH ome ul li li a:active {
color: #FFBB00;
}
#contentCourseH ome ul li a {
padding: 0.1em 1em;
}
/* student progress show */
#spHide1, #spHide2, #spHide3, #spHide4 {
display: none;
}
#contentCourseH ome ul.options li h3 a {
display: inline;
border: 0;
margin: 0;
padding: 0;
text-transform: lowercase;
text-decoration: underline;
background: transparent;
font-weight: normal;
}
/* course home table */
/*
#courseHome {
width: 90%;
border-spacing: 0;
background-color: #f1f1f1;
border: 1px;
border-color: #333;
border-style: dashed;
}
#courseHome {
padding: 3px;
}
#courseHome a:link, #courseHome a:visited {
color: #660000;
background-color: #ffffff;
}
*/

Jul 21 '05 #1
3 7155
bi*******@gmail .com wrote:
Here is a screenshot of my page...


Try posting the URL instead of screenshots and snippets of code.
We need to see the HTML code to see what went wrong.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Jul 21 '05 #2
Hi...here is the HTML bit.
The actual page can be found here:
http://ipeer.apsc.ubc.ca/ipeer_demo/...e&course_id=39
login name: instructor
password: tra1n1ng

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>

<title>iPeer: CHBE 262</title>

<link rel="stylesheet " href="css/nn4.css" type="text/css"
media="screen" />
<!--link before import prevents Flash Of Unstyled Content in ie6pc -->

<style type="text/css" media="screen"> @import
url("css/style.css");</style>

<!--
<link rel="stylesheet " type="text/css" media="print"
href="css/print.css" />
-->
<link rel="alternate stylesheet" type="text/css" media="screen"
href="css/font/smaller.css" title="A--" />

<link rel="alternate stylesheet" type="text/css" media="screen"
href="css/font/small.css" title="A-" />
<link rel="alternate stylesheet" type="text/css" media="screen"
href="css/font/normal.css" title="A" />
<link rel="alternate stylesheet" type="text/css" media="screen"
href="css/font/large.css" title="A+" />
<link rel="alternate stylesheet" type="text/css" media="screen"
href="css/font/larger.css" title="A++" />
<link rel="alternate stylesheet" type="text/css" media="screen"
href="css/font/largest.css" title="A+++" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta http-equiv="Cache-Control" content="no-store, no-cache,
must-revalidate" />
<meta name="MSSmartTa gsPreventParsin g" content="true" />

<script language="javas cript" type="text/javascript"
src="js/fontswitcher.js "></script>
<script language="javas cript" type="text/javascript"
src="js/styling.js"></script>

<script language="javas cript" type="text/javascript"
src="js/validate.js"></script>
<script type="text/javascript" src="js/overlib/overlib.js"></script>
</head><script language="javas cript" src="js/popup.js"></script>
<body onload="getActi veCourse();">

<div id="wrapper">
<table border=0 width=100%><tr> <td align=left><a id="loginLogo"
href="index.php "><span>iPe er</span></a></td><td valign="bottom"
id="welcome">

<div id="loggedIn" align=right>Wel come, <strong>Mr Matthew
Leung</strong></div>

<div align=right><a href="./?action=Profile .edit" id="loggedIn">E dit
Your Profile</a> | <a href="help.php" id="loggedIn">H elp</a> | <a
href="logout.ph p" id="loggedIn">L ogout</a></div></td>
</tr>
</table>
<div id="mainContent ">

<div id="nav">
<ul id="navMain"><l i><a href="./?action=Admin.h ome"
id="tabHome"><s pan>Home</span></a></li><li><a
href="./?action=Course. list" id="tabCourses" >Courses</a></li><li
class="active"> <a href="./?action=Course. home&course_id= 1"
id="tabCourse1" >CHBE 262</a></li><li><a href="./?action=Rubric. list"
id="tabRubrics" >Rubrics</a></li><li><a href="./?action=Instruc tor.list"
id="tabInstruct ors">Instructor s</a></li><li><a
href="./?action=Student .list" id="tabStudents ">Students</a></li><li><a
href="./?action=Admin.a dmin" id="tabAdmin">A dmin</a></li></ul>

<ul id="navOptions" ></ul>
</div>

<div id="actualConte nt">
<div id="actualConte ntOuter">
<div id="actualConte ntInner">

<a href="./?action=Admin.h ome">Home</a> &gt; CHBE 262 (Dhanesh
Kannangara and Tony Bi)<br /><br />
<div id="contentCour seHome">

<div id="courseHome" >

<div id="largeHeadin g">CHBE 262 Chem. Eng. Lab <a class="edit"
href="./?action=Course. edit&course_id= 1"
onclick="setAct iveCourse(1);re turn true;">Edit this Course</a></div>
<ul class="descript ion">

<li><strong class="category ">Instructo r:</strong> <a href="javascrip t:
popup('./?action=Instruc tor.viewPopup&u ser_id=3')">Dha nesh Kannangara
and Tony Bi</a></li>
<li><strong class="category ">Class Size:</strong> 78</li>

<li><strong class="category ">Course Statistics:</strong>
<ul>
<li><strong>2 8</strong> <a
href="./?action=Group.l ist&course_id=1 ">Groups</a> Created</li>
<li><strong>3 1</strong> <a
href="./?action=Assignm ent.list&course _id=1">Assignme nts</a>
Created</li>

<li><strong>5 </strong> <a
href="./?action=Rubric. list&only_owner =1">Rubrics</a> Created</li>
<li><strong>1 </strong> <a
href="./?action=SimpleE valuation.list& only_owner=1">S imple
Evaluations</a> Created</li>
<a href=#>More...</a>

</ul>
</li>
<li><strong class="category ">Self-Enroll?: </strong>enabled</li>
<li><strong class="category ">Self-Enroll Password:
</strong>enr@ll26 2</li>
<li><strong class="category ">Self Enroll URL: </strong><a
href="http://142.103.119.145/ipeer/?action=Student .selfEnroll&cou rse_id=1"
Title="http://142.103.119.145/ipeer/?action=Student .selfEnroll&cou rse_id=1">Copy
This Link</a></li>
</ul>

<ul>
<li>
<h3>Evaluatio n Progress [<a href="/" onClick="toggle ('spHide1');
toggle('spHide2 '); toggle('spHide3 '); toggle('spHide4 ');return
false;">Show/Hide</a>]</h3>
<ul class="options" >
<li><a href="./?action=Evaluat ion.listAll&cou rse_id=1" title="List
all peer evaluations in this course">List All Peer Evaluations</a>
&nbsp;<img onmouseover="re turn overlib(INARRAY ,100);"
onmouseout="ret urn nd();" src="./images/icons/question.gif"
align="absmiddl e"></a></li>

<li id="spHide1">< a href="./?action=Evaluat ion.late&course _id=1"
title="List peer evaluations that are past due date">List Late Peer
Evaluations</a>&nbsp;<img src="./images/icons/question.gif"
align="absmiddl e"></li>

<li id="spHide2">< a href="./?action=Evaluat ion.due&course_ id=1"
title="List peer evaluations that are close to due date">Peer
Evaluations Close to Due Date</a>&nbsp;<img
src="./images/icons/question.gif" align="absmiddl e"></li>
<li id="spHide3">< a href="./?action=Evaluat ion.bad&course_ id=1"
title="List peer evaluations submitted and have at least 1 student with
mark below threshold">Peer Evaluations w/ Grades below Threshold
Mark</a>&nbsp;<img src="./images/icons/question.gif"
align="absmiddl e"></li>
<li id="spHide4">< a href="./?action=Evaluat ion.list&course _id=1"
title="List peer evaluations currently released to students">List
Currently Released Peer Evaluations </a>&nbsp;<img
src="./images/icons/question.gif" align="absmiddl e"></li>

</ul>
</li>
<li>
<h3>Students</h3>
<ul>

<li class="button"> <a href="./?action=Student .add&course_id= 1">Add
Students</a>&nbsp;<img src="./images/icons/question.gif"
align="absmiddl e" onmouseover="re turn overlib(INARRAY ,102);"
onmouseout="ret urn nd();"></li>
<li><a href="./?action=Student .list&course_id =1">List
Students</a></li>
</ul>
</li>
<li>
<h3>Groups</h3>
<ul>

<li><a href="./?action=Group.a dd&course_id=1" >Create
Groups</a>&nbsp;<img src="./images/icons/question.gif"
align="absmiddl e" onmouseover="re turn overlib(INARRAY ,105);"
onmouseout="ret urn nd();"></li>
<li><a href="./?action=Group.l ist&course_id=1 ">List Groups</a></li>
</ul>
</li>
<li>
<h3>Rubrics</h3>
<ul>

<li><a href="./?action=Rubric. add">Create a Rubric</a>&nbsp;<img
src="./images/icons/question.gif" align="absmiddl e" onmouseover="re turn
overlib(INARRAY ,103);" onmouseout="ret urn nd();"></li>
<li><a href="./?action=Rubric. list">List Rubrics</a></li>
</ul>
</li>
<li>
<h3>Simple Evaluations</h3>
<ul>

<li><a href="./?action=SimpleE valuation.add"> Create a Simple
Evaluation</a>&nbsp;<img src="./images/icons/question.gif"
align="absmiddl e" onmouseover="re turn overlib(INARRAY ,104);"
onmouseout="ret urn nd();"></li>
<li><a href="./?action=SimpleE valuation.list" >List Simple
Evaluations</a></li>
</ul>
</li>
<li>
<h3>Assignments </h3>
<ul>

<li><a href="./?action=Assignm ent.add&course_ id=1">Create an
Assignment</a>&nbsp;<img src="./images/icons/question.gif"
align="absmiddl e" onmouseover="re turn overlib(INARRAY ,105);"
onmouseout="ret urn nd();"></li>
<li><a href="./?action=Assignm ent.list&course _id=1">List
Assignments</a></li>
</ul>
</li>

<li>
<h3>Communicati ons</h3>
<ul>

<li><a href="./?action=Email.a ddNow&course_id =1">Send E-mail To
Groups</a>&nbsp;<img src="./images/icons/question.gif"
align="absmiddl e" onmouseover="re turn overlib(INARRAY ,107);"
onmouseout="ret urn nd();"></li>
<li><a href="./?action=Email.a dd&course_id=1" >Create a Scheduled
E-mail</a>&nbsp;<img src="./images/icons/question.gif"
align="absmiddl e" onmouseover="re turn overlib(INARRAY ,108);"
onmouseout="ret urn nd();"></li>
<li><a href="./?action=Email.l ist&course_id=1 ">List Scheduled
E-mails</a>&nbsp;</li>
</ul>
<li>
<h3>Export</h3>
<ul>
<li><a href="./?action=Export. home&course_id= 1">Export Data From All
Assignments</a>&nbsp;<img src="./images/icons/question.gif"
align="absmiddl e" onmouseover="re turn overlib(INARRAY ,110);"
onmouseout="ret urn nd();"></li>

</ul>
</li>
</ul>

</div><!-- /courseHome -->
</div><!-- /contentCourseHo me -->
</div><!-- /actualContentIn ner -->
</div><!-- /actualContentOu ter -->

</div><!-- /actualContent -->
</div><!-- /mainContent -->

<div id="footer">
<div id="footerInner ">


</div><!-- /footerInner -->
</div><!-- /footer -->
<div align=right>
<br>

The University of British Columbia

<img src="./images/ubcicon.png" align="absmiddl e" vspace=3><br>


</div>
</div><!-- /wrapper -->

<br>
<br>
<br>
<br>
<br>
<br>

<br>
<br>
<br>
</body>
</html>

Jul 21 '05 #3
bi*******@gmail .com wrote:
Hi...here is the HTML bit.


The URL would have been sufficient. Now consider yourself plonked.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Jul 21 '05 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

7
7107
by: Nikolaos Giannopoulos | last post by:
I have a paragraph and simply want a bullet image to appear at the start of the paragraph text. I tried the following html: <p><span class="dot"></span>some text</p> as seen here: http://solmar.ca/temp8/test1.html Observed: IE5 and Moz 1.3 works - IE 6.0 and Opera 6.05 does not work I then assumed that maybe because there is nothing in the span that this problem appears for IE6 and Opera 6.05, so I tried a kludge as an
1
12178
by: David Bradbury | last post by:
I may be thinking about this the wrong way, but here goes: In my style sheet I've specified that bullet points should use a specific image rather than just be default bullet points. However, at some later point in the text I don't want to use the bullet point with an image, but rather use the standard bullet point. Is it possible to switch off a style sheet instruction for an individual instance? Or do I need to define a new style...
8
53687
by: dp | last post by:
Is there anyway to have the bullet color of a <li> be a different color than the text without using an image? dp
4
7203
by: OJ | last post by:
Hey, I'm trying to make a right justified, bullet on the right, list. The only way that I've found is to use the "direction" attribute: <style> ul.rtl { direction: rtl; } </style> <ul class="rtl">
8
61495
by: Udo Marx | last post by:
Hello to ciwas! Is there a way to change the bullet form, color, etc, of the element <li> under<ul> via css? Any reply will be appreciated. -- Freundliche Gruesse, Netzteil - Udo Marx http://www.netzteil.com mailto:marx@netzteil.com
2
10050
by: futurepy | last post by:
By default color of the list marker, disc or circle or square, is black. Is there a way to change the color, for example, to red or blue? Thanks.
4
41800
by: Gabriella | last post by:
hi, I am writing a simple bulleted list with ul/li, with my image as the list-style-image, and for some reason the image bullet on IE only (FF is fine) is vertically aligned to the top. Meaning, the bullet image is aligned to the TOP of the text following it. In FF the image is aligned to the center of the text following it, as it should. What am I doing wrong? ul {
2
2174
by: torweb | last post by:
I'm using an image for an unordered list, which works fine. The problem is, the image is also appearing in my numbered "ordered list." Here is my code for the unordered list:...and thanks in advance: ul { font-family: Arial; font-size: 12px; color: #424E51; font-style: normal line-height: 17px; font-weight: normal; font-variant: normal;
3
3502
by: vunet | last post by:
When I use image as a bullet within LI element I have different image positioning results in Firefox and IE6. IE6 puts the image on top and far from left LI's border. Firefox puts it nicely in the middle and very close to left border. How do I control bullet image positioning? Please advise a nice hack. Thanks
0
8704
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9054
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8936
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8894
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
7777
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6544
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5879
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4637
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
3
2015
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.