|
|
Posted by dorayme on 04/11/06 04:38
In article
<1144717963.807853.180050@u72g2000cwu.googlegroups.com>,
"ComputerSnack" <praegerk@yahoo.com> wrote:
> That works, however it moves everything over, not just the bulleted
> text. I need to just move over the bulleted items. Any other ideas?
>
> -Kevin
>
> dorayme wrote:
> > In article
> > <1144708952.165018.322390@z34g2000cwc.googlegroups.com>,
> > "ComputerSnack" <praegerk@yahoo.com> wrote:
> >
> > > I am having a problem with bullets overlapping an image when it is
> > > aligned to the left of the text. See my HTML example below. I would
> > > expect the bullets to be indented starting at the right edge of the
> > > image, but this does not happen. Any ideas?
> > >
> > > <img height="156" src="soccer.jpg" width="200" align="left"
> > > alt="Youth Playing Soccer"><font color="#006633"><b>Sports
> > > Programs</b></font></p>
> > > <ul>
> > > <li>Little Tots Sports for ages 3-4</li>
> > > <li>Pee Wee Sports for ages 5-7</li>
> > > <li>Youth Sports for ages 8-11</li>
> > > <li>Teen Sports for ages 11-14</li>
> > > <li>Skyhawks Sports programs.</li>
> > > </ul>
> > >
> > > Thanks,
> > >
> > > Kevin
> >
> > Put this in the head of your doc between <head> and </head>
> >
> > <style type="text/css" title="text/css">
> >
> > img {margin-right: 20px}
> >
> > </style>
You need to supply a url at this stage so your whole doc can be
seen. What browser? Please try not to top post.
I would float your img left, your list would sit next to it
right, the margins and padding controlled by css on both. But I
can't sit here typing out the lot just now.
However, old chap, let us continue the dirty work a bit:
For now, try:
<style type="text/css" title="text/css">
img {margin-right: 20px;margin-left:0;}
ul {margin-left: 10px;}
body {margin:0;padding:0;}
</style>
--
dorayme
[Back to original message]
|