Help - Search - Members - Calendar
Full Version: hyperlink problem
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
sadia
Hey!

I have some problem listing hyperlinks.
Here is the code:

.PromptProcessIcon {
color: #000000;
padding-left: 30px;
background-repeat: no-repeat;
background-image: url(../pictures/process.gif);
margin-bottom: -30px;
}

and the result is like this:

Finnes i
excl.gif Vedlikeholde planer og system for beredskap
instrukser og deling av.
excl.gif instrukser og delegering av myndighet (3210)

My problem is that I want the second sentence in a hyperlink to come right under the first.

Any ideas?
Christian J
Not sure I understand (if not, please post a HTML sample as well), but how about

CODE
li {
list-style: none;
background: url(small.gif) no-repeat top left;
padding-left: 30px;
}

<ul>
<li><a href="">foo<br>bar</a></li>
<li><a href="">baz</a></li>
</ul>


You can also use the list-style-image property directly on the LI element instead of giving it a background-image, but then you can't tweak the image position as easily.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.