VeggieBoards banner
1 - 4 of 4 Posts

·
Banned
Joined
·
10,763 Posts
Discussion Starter · #1 ·
I tried asking this question on <a href="http://siteownersforums.com" target="_blank">http://siteownersforums.com</a> and I get no answer or absurd, unknowledgable answers. Veggieboards is still the best place to learn how to make veg food, how to find good hair-care products, how to wire up your network, how to code web pages in html, and how to lay carpet and linoleum, and how to troubleshoot the ignition systems on small engines.<br><br><br><br>
Is there no css code for unordered lists (ul {code here}) to make the bullet (if you are using an image file to replace the automatically chosen bullet) a little lower on the line, so that it lines up better with the text. Also, so that there is more, or less, space between the bullet and the left margin of the text? Here is where I ask <a href="http://siteownersforums.com/showthread.php?t=13726" target="_blank">http://siteownersforums.com/showthread.php?t=13726</a><br><br><br><br>
You say I have to use <i>tables?</i> Or I have to alter the image by adding whitespace to the top and right of the image? How do I do this with an animated gif? Photoshop loses the animation when I write the altered gif back to a new filename.<br><br><br><br>
Here (you follow the link from nomenclator's message in the siteownersforum thread, to see the page with the problem) is my problem by the way - the animated gifs near the top of the page - these weren't my first choice, because that one was bigger, and the text bumped right into it. With this smaller one, I still have the problem that it is too high on the line.
 

·
Ex-*****
Joined
·
5,391 Posts
<div class="quote-container"><span>Quote:</span>
<div class="quote-block">Originally Posted by <strong>soilman</strong> <a href="/forum/post/0"><img alt="View Post" class="inlineimg" src="/img/forum/go_quote.gif" style=""></a><br><br>
Or I have to alter the image by adding whitespace to the top and right of the image? How do I do this with an animated gif? Photoshop loses the animation when I write the altered gif back to a new filename.</div>
</div>
<br>
The traditional wisdom is that you can't use transperancy with animated gifs because animated gifs don't support transparency. So for whitespace you will have to use whatever colour the background page has. Unfortunately I don't think there are any other file formats that do this and at the same time are supported by most (if any) web browsers.<br><br><br><br>
That said, I'm a little mystified with the Veggieboards emoticons which are gifs, are animated and *seem* to have transperancy ....!<br><br><img alt="" class="inlineimg" src="/images/smilies/juggle.gif" style="border:0px solid;" title=":juggle:"><br><br>
Edit: Yeah, forget what I said about gifs not being able to use both animation and transparency. Maybe your program just doesn't support it? If you right-click the juggler emoticon and do "save to file", then load it into your favourite graphics program, you'll see that they use one layer per frame, indexed image mode (256 colour mode, that is) and transparency. So you might not be able to use RGB image mode (24 bit, that is).
 

·
Registered
Joined
·
7,858 Posts
I'm not familiar with using images instead of bullet points, but this works with regular bullet points, to increase the lef-margin of the text:<br><br><br><br>
to make more space between the bullet and the text:<br><br>
li<br><br>
{<br><br>
padding-left: 10px;<br><br>
}<br><br><br><br>
the trick is that you should be editing the li, the list element, instead of the list itself. Let me know if that works.<br><br><br><br>
I'm not sure about the lowering of the bullet points, I played around with relative positioning but to no avail. I'll have another think about it though.
 

·
Registered
Joined
·
7,858 Posts
<div class="quote-container"><span>Quote:</span>
<div class="quote-block">Originally Posted by <strong>Indian Summer</strong> <a href="/forum/post/0"><img alt="View Post" class="inlineimg" src="/img/forum/go_quote.gif" style=""></a><br><br>
The traditional wisdom is that you can't use transperancy with animated gifs because animated gifs don't support transparency. So for whitespace you will have to use whatever colour the background page has. Unfortunately I don't think there are any other file formats that do this and at the same time are supported by most (if any) web browsers.<br><br><br><br>
That said, I'm a little mystified with the Veggieboards emoticons which are gifs, are animated and *seem* to have transperancy ....!<br><br><img alt="" class="inlineimg" src="/images/smilies/juggle.gif" style="border:0px solid;" title=":juggle:"></div>
</div>
<br>
I've never heard that animated gifs can't have transparency.
 
1 - 4 of 4 Posts
Top