Topic: replace the dot by an image
Hi,
I use extern.php
each topic has a dot
I would like to replace this dot by an image located for example at /image/fleche.gif
What do I have to change in extern.php and where exactly?
Ludo,
Re: replace the dot by an image
PunBB 1.1 or 1.2?
"Programming is like sex: one mistake and you have to support it for the rest of your life."
Re: replace the dot by an image
Re: replace the dot by an image
Search the net for ways to use stylesheets to style unordered lists.
"Programming is like sex: one mistake and you have to support it for the rest of your life."
Re: replace the dot by an image
Rickard wrote:
Search the net for ways to use stylesheets to style unordered lists.
Beat me to it 
Re: replace the dot by an image
I supposed it was simple to do...
I thought I had just to add a bit of code...
Maybe You should modify extern.php in order to make it easily customisable.
Maybe Paul could tell me what to do. He's a so good css dictionnary!
Ludo,
Re: replace the dot by an image
You can't make it much easier to customize than it is now.
"Programming is like sex: one mistake and you have to support it for the rest of your life."
- Connorhd
- Former PunBB Developer
- Offline
Re: replace the dot by an image
http://www.alistapart.com/articles/taminglists/ seems pretty good i think it will tell you everything you need to know + alot more 
Re: replace the dot by an image
Connorhd wrote:
http://www.alistapart.com/articles/taminglists/ seems pretty good i think it will tell you everything you need to know + alot more
It's quite good explained. But where is the #base for extern.php, I do not see it in the code.
Ludo,
- Connorhd
- Former PunBB Developer
- Offline
Re: replace the dot by an image
no you set that in the css file for the page where extern.php is included
heres an example for you to start with
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>My Homepage</title>
<style>
#base {
border: 1px solid #000;
margin: 2em;
width: 10em;
padding: 5px;
}
</style>
</head>
<body>
<div id="base">
<ul>
<?php
include "path/to/extern.php?action=new";
?>
</ul>
</div>
</body>
</html>11 2005-01-25 18:03 (edited by Ludo 2005-01-25 18:05)
Re: replace the dot by an image
The problem is that I've already got a style applied on extern:
<div class=link1>
<?php
include "path/to/extern.php?action=new";
?></div>
link1 is defined with:
.link1, .link1 A:link, .link1 A:visited {font-family:arial,geneva; font-size:13px;letter-pacing:0;color:#000000;font-weight:bold;text-decoration:none}
:hover.link1, .link1 A:hover {font-family:arial,geneva; font-size:13px;letter-spacing:0;color:#FF0000;font-weight:bold;text-decoration:none}
Do I have to mix the two solutions?
Huumm, it's not easy at all in fact! Extern in 1.1.5 was really easier to customise for me.
Ludo,
- Connorhd
- Former PunBB Developer
- Offline
Re: replace the dot by an image
just do this
<div id="base" class="link1">
<ul>
<?php
include "path/to/extern.php?action=new";
?>
</ul>
</div>Re: replace the dot by an image
and where do I have to put that?
ul {list-style: disc url(fleche.gif) inside;}
Ludo,
- Connorhd
- Former PunBB Developer
- Offline
Re: replace the dot by an image
in the css file or within <style></style> in the head
Re: replace the dot by an image
It goes ahead. It quite works.
I put that:
ul { list-style-image: url(/gif/puce.gif);}
#base {margin-top: 2; margin-bottom: 0; margin-left: 0; padding-left: 0; line-height: 150%; }
Though margin-left =0 I always have a margin left. See here for example http://www.pluriservices.net
I don't want to have this margin left.
Ludo,
- Connorhd
- Former PunBB Developer
- Offline
Re: replace the dot by an image
try this
ul { list-style-image: url(/gif/puce.gif);
padding-left: 25px}
#base { line-height: 150%; }Re: replace the dot by an image
It's only good with firefox.
With ie, there is always the same problem.
Huummm. So complicated it is...
Ludo,
- Connorhd
- Former PunBB Developer
- Offline
Re: replace the dot by an image
what about
ul { list-style-image: url(/gif/puce.gif);
padding-left: 25px}
#base {margin-top: 2; margin-bottom: 0; margin-left: 0; padding-left: 0; line-height: 150%; }sorry you'll just have to mess about i can't be bothered doing it for you 
Re: replace the dot by an image
always the same problem, only with IE...
Ludo,
Re: replace the dot by an image
Would IE be incompatible with this kind of style?
Ludo,
- Connorhd
- Former PunBB Developer
- Offline
Re: replace the dot by an image
i dunno someone more CSS minded will have to answer or you can just search around a bit (google is your friend)
Re: replace the dot by an image
I know google is my friend with it I did not find what I want.
I can't explain why IE does not work good with theses css.
Ludo,