R
E
S
O
U
R
C
E
S
       Home      Products & Services      Contact Us      Links


WebHatchers will design & develop your site for you.
_______________________

Website Menu Heaven: menus, buttons, etc.
_______________________

Send us your questions.
_______________________

site search by freefind
_______________________

HOME
SEO, Google, Privacy
   and Anonymity
Browser Insanity
JavaScript
Popups and Tooltips
Free Website Search
HTML Form Creator
Animation
Buttons and Menus
Counters
Captchas
Image Uploading
CSS and HTML
PHP
AJAX
XPATH
Website Poll
IM and Texting
Databases—MySQL
   or Not MySQL
Personal Status Boards
Content Management
   Systems
Article Content
   Management Systems
Website Directory
   CMS Systems
Photo Gallery CMS
Forum CMS
Blog CMS
Customer Records
   Management CMS
Address Book CMS
Private Messaging CMS
Chat Room CMS
JavaScript Charts
   and Graphs




Free Personal Status Boards (PSB™)

Free Standard Free PSB

Free PSB Pro Version

Free Social PSB

Free Social PSB Plus (with Email)

Free Business PSB

Free Business PSB Plus (with Email)

PSB demo

Social PSB demo

Business PSB demo

So what's all this PSB stuff about?

Chart comparing business status boards

PSB hosting diagram

PSB Licence Agreement



Copyright © 2002 -
MCS Investments, Inc. sitemap

PSBs, social networking, social evolution, microcommunities, personal status boards
PSBs, social networking, business personal status boards
website design, ecommerce solutions
website menus, buttons, image rotators
Ez-Architect, home design software
the magic carpet and the cement wall, children's adventure book
the squirrel valley railroad, model railroad videos, model train dvds
the deep rock railroad, model railroad videos, model train dvds

Dealing with Bullet Loss When The Image is Left of The <UL>

It doesn't do any good to manipulate the list-style-image property in order to retrieve lost bullets. There are a couple of ways to deal with the situation, however. Here is one:


 
The text goes here. The text goes here. The text goes here. The text goes here.
The text goes here.
The text goes here. The text goes here. The text goes here. The text goes here. The text goes here. The text goes here. The text goes here. The text goes here. The text goes here. The text goes here. The text goes here.

For each list item above we're using: <div style="text-indent:-10px;"><span style="font-size:20px; font-style:Arial;">&#149;</span> The text goes here.</div> and we are not using any list markup like <LI> or <UL>. Below, however, we are using normal list markup. So what's the difference? The example above puts both the image and text in the same table cell, so that is what made the extra bullet code necessary. (Crowding text and image into one cell gives text that wraps around the image—that's the main purpose of this crowding strategy. It's how you do floats, as well, which we'd use more except for the Netscape bug that messes up linked images in a float.)

Bullets need to be against the left edge of something they're inside of—a table cell is a good example. Butting the list up against the right edge of the image and mixing image and text in the same cell makes list markup foul up. The bullets disappear and the indentations do too—unless you dump the list markup and use our workaround above. But the list below uses list markup and works fine. This list is in its own table, and this table is in a table cell as well, but the list is not sharing its cell with the image or anything else, which is what makes it work right. The cell is simply to the right of the cell the image is in. No workarounds needed; no text wrap achieved.

 
  • The text goes here. The text goes here. The text goes here. The text goes here.
  • The text goes here.
  • The text goes here. The text goes here.