2 replies [Last post]
smudgie
Offline
Enthusiast
Last seen: 14 years 50 weeks ago
Joined: 2005-10-03
Posts: 122
Points: 0

My bulleted list works fine until... I start added more to my list (see pic).

When I increase the width of .leftsidetext{width: 195px; all the bullets appear but then my text runs into the images. What's gone wrong?

CSS

.leftsidetext{
width: 190px;
float:left;
padding-top: 205px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
}
ul, li{
list-style-type: none;
padding: 0;
margin: 0;
text-align: right;
background-image: url(images/sidebullets.gif);
background-repeat: no-repeat;
padding-right: .5em;
}
#left2{
width: 255px;
float:left;
background-image:url(images/personalstorageside.jpg);
background-repeat:no-repeat;
height: 515px;

html

<div id="left2"><div class="leftsidetext">
  <ul>
  <li>Safe Storage</li>
  <li>Secure Storage</li>
  <li>Flexible Storage</li>
   <li>Flexible Storage</li>
    <li>Flexible Storage</li>
  </ul>
</div></div>

AttachmentSize
bullets.gif1.81 KB
ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 35 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

I really think we need a

I really think we need a full page to play with not code snippets. If you cannot give a url, then make a stripped down page that has the problem so we don't have to wade through tons of redundant code

purewebdesigner
purewebdesigner's picture
Offline
Enthusiast
Washington DC
Last seen: 3 years 32 weeks ago
Washington DC
Timezone: GMT-5
Joined: 2007-04-22
Posts: 234
Points: 95

This could help... possibly

CSSExpression EngineHTMLWordpressCoffee

Personal Website: curtisscott.com
Follow Me on Twitter: twitter.com/curtisscott_com