Can't change bullet image

bigoxygen

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 */
#contentCourseHome {
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 #contentCourseHome { height: 1%; }
/* End hide from IE-mac */

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

#contentCourseHome ul.description {
float: right;
margin: 0 0 1em 1em;
clear: right;
padding: 0;
}
#contentCourseHome 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;
}
#contentCourseHome ul.description li ul {
margin: 0;
padding: 0;
}
#contentCourseHome 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;
}
#contentCourseHome ul.options {

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

}

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

/*
#contentCourseHome ul.options li {
margin: 0 0 1em 3em;
padding: 0;
}
#contentCourseHome ul.options li h3 {
margin: 0;
padding: 0;
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
}
#contentCourseHome ul.options li ul {
margin: 0 0 0 0;
padding: 0;
}
#contentCourseHome ul.options li ul li {
margin: 0 0 0.25em 0;
padding: 0;
list-style-type: none;
}
*/
/*
#contentCourseHome .category {
font-size: 1.1em;
font-weight: bold;
color: #000;
}
#contentCourseHome ul {
margin: 10px 0 20px 25px;
padding: 0;
list-style: none;
}
#contentCourseHome 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 */
#contentCourseHome 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;
}
#contentCourseHome ul li a:link {
color: #333;
}
#contentCourseHome ul li a:visited {
color: #333;
}
#contentCourseHome ul li li a:hover {
color: #D97B00;
}
#contentCourseHome ul li li a:active {
color: #FFBB00;
}
#contentCourseHome ul li a {
padding: 0.1em 1em;
}
/* student progress show */
#spHide1, #spHide2, #spHide3, #spHide4 {
display: none;
}
#contentCourseHome 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

Subscribe Post Reply

7136

Jukka K. Korpela

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

bigoxygen

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" />


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


<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="MSSmartTagsPreventParsing" content="true" />

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

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

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

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

<div align=right><a href="./?action=Profile.edit" id="loggedIn">Edit
Your Profile</a> | <a href="help.php" id="loggedIn">Help</a> | <a
href="logout.php" id="loggedIn">Logout</a></div></td>
</tr>
</table>
<div id="mainContent">

<div id="nav">
<ul id="navMain"><li><a href="./?action=Admin.home"
id="tabHome"><span>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=Instructor.list"
id="tabInstructors">Instructors</a></li><li><a
href="./?action=Student.list" id="tabStudents">Students</a></li><li><a
href="./?action=Admin.admin" id="tabAdmin">Admin</a></li></ul>

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

<div id="actualContent">
<div id="actualContentOuter">
<div id="actualContentInner">

<a href="./?action=Admin.home">Home</a> > CHBE 262 (Dhanesh
Kannangara and Tony Bi)<br /><br />
<div id="contentCourseHome">

<div id="courseHome">

<div id="largeHeading">CHBE 262 Chem. Eng. Lab <a class="edit"
href="./?action=Course.edit&course_id=1"
onclick="setActiveCourse(1);return true;">Edit this Course</a></div>
<ul class="description">

<li><strong class="category">Instructor:</strong> <a href="javascript:
popup('./?action=Instructor.viewPopup&user_id=3')">Dhanesh 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>28</strong> <a
href="./?action=Group.list&course_id=1">Groups</a> Created</li>
<li><strong>31</strong> <a
href="./?action=Assignment.list&course_id=1">Assignments</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=SimpleEvaluation.list&only_owner=1">Simple
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@ll262</li>
<li><strong class="category">Self Enroll URL: </strong><a
href="http://142.103.119.145/ipeer/?action=Student.selfEnroll&course_id=1"
Title="http://142.103.119.145/ipeer/?action=Student.selfEnroll&course_id=1">Copy
This Link</a></li>
</ul>

<ul>
<li>
<h3>Evaluation 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=Evaluation.listAll&course_id=1" title="List
all peer evaluations in this course">List All Peer Evaluations</a>
 <img onmouseover="return overlib(INARRAY,100);"
onmouseout="return nd();" src="./images/icons/question.gif"
align="absmiddle"></a></li>

<li id="spHide1"><a href="./?action=Evaluation.late&course_id=1"
title="List peer evaluations that are past due date">List Late Peer
Evaluations</a> <img src="./images/icons/question.gif"
align="absmiddle"></li>

<li id="spHide2"><a href="./?action=Evaluation.due&course_id=1"
title="List peer evaluations that are close to due date">Peer
Evaluations Close to Due Date</a> <img
src="./images/icons/question.gif" align="absmiddle"></li>
<li id="spHide3"><a href="./?action=Evaluation.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> <img src="./images/icons/question.gif"
align="absmiddle"></li>
<li id="spHide4"><a href="./?action=Evaluation.list&course_id=1"
title="List peer evaluations currently released to students">List
Currently Released Peer Evaluations </a> <img
src="./images/icons/question.gif" align="absmiddle"></li>

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

<li class="button"><a href="./?action=Student.add&course_id=1">Add
Students</a> <img src="./images/icons/question.gif"
align="absmiddle" onmouseover="return overlib(INARRAY,102);"
onmouseout="return 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.add&course_id=1">Create
Groups</a> <img src="./images/icons/question.gif"
align="absmiddle" onmouseover="return overlib(INARRAY,105);"
onmouseout="return nd();"></li>
<li><a href="./?action=Group.list&course_id=1">List Groups</a></li>
</ul>
</li>
<li>
<h3>Rubrics</h3>
<ul>

<li><a href="./?action=Rubric.add">Create a Rubric</a> <img
src="./images/icons/question.gif" align="absmiddle" onmouseover="return
overlib(INARRAY,103);" onmouseout="return nd();"></li>
<li><a href="./?action=Rubric.list">List Rubrics</a></li>
</ul>
</li>
<li>
<h3>Simple Evaluations</h3>
<ul>

<li><a href="./?action=SimpleEvaluation.add">Create a Simple
Evaluation</a> <img src="./images/icons/question.gif"
align="absmiddle" onmouseover="return overlib(INARRAY,104);"
onmouseout="return nd();"></li>
<li><a href="./?action=SimpleEvaluation.list">List Simple
Evaluations</a></li>
</ul>
</li>
<li>
<h3>Assignments</h3>
<ul>

<li><a href="./?action=Assignment.add&course_id=1">Create an
Assignment</a> <img src="./images/icons/question.gif"
align="absmiddle" onmouseover="return overlib(INARRAY,105);"
onmouseout="return nd();"></li>
<li><a href="./?action=Assignment.list&course_id=1">List
Assignments</a></li>
</ul>
</li>

<li>
<h3>Communications</h3>
<ul>

<li><a href="./?action=Email.addNow&course_id=1">Send E-mail To
Groups</a> <img src="./images/icons/question.gif"
align="absmiddle" onmouseover="return overlib(INARRAY,107);"
onmouseout="return nd();"></li>
<li><a href="./?action=Email.add&course_id=1">Create a Scheduled
E-mail</a> <img src="./images/icons/question.gif"
align="absmiddle" onmouseover="return overlib(INARRAY,108);"
onmouseout="return nd();"></li>
<li><a href="./?action=Email.list&course_id=1">List Scheduled
E-mails</a> </li>
</ul>
<li>
<h3>Export</h3>
<ul>
<li><a href="./?action=Export.home&course_id=1">Export Data From All
Assignments</a> <img src="./images/icons/question.gif"
align="absmiddle" onmouseover="return overlib(INARRAY,110);"
onmouseout="return nd();"></li>

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

</div>
</div>
</div>
</div>

</div>
</div>

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

</div>
</div>
<div align=right>
<br>

The University of British Columbia

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

</div>
</div>

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

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

Jul 21 '05 #3

Jukka K. Korpela

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

Similar topics

CSS bullet image that works???

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:...

HTML / CSS

Override style sheet for bullet points

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...

HTML / CSS

<ul> list item bullet colors

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

HTML / CSS

Putting bullet to the right of a li and "direction"

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...

HTML / CSS

changing the bullet of <li>

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...

HTML / CSS

Can the color of list markers change?

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.

HTML / CSS

vertical alignment on ul/li bullet image

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,...

HTML / CSS

bullet image for unordered list problem

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...

HTML / CSS

Cross Browser Bullet Image Positioning

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...

HTML / CSS

Wordpress or something else?

by: Faith0G | last post by:

I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

Content Management Systems

Access Europe: Command bars, the Access Shortcut Tool and a simple Audit Log - Wed 3 April

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 3 Apr 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 former...

General

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware