St. Petersburg Web Design Blog

Posts Tagged ‘Web Design’

We’re proud to launch our in house made client info and proofing system. Behind a password protected front end we’ve created a custom section for each client with client news just for them, a summary of their account status, proofs of their latest web designs, if any are available and a simple feed back form for approval and feedback on these proofs.
Like we said it’s pass word protected so if you are awaiting a proof we’ll be contacting you soon (if we haven’t already) with your user name and password to the client info center,

Web Design Screen Shot

We’ve just completed a website design for a Sarasota Business. Sarasota Home Care is a small business serving Sarasota. They provide non medical home care for elderly (and other) residents. Things like, well just read the sight.

This is a 100 valid XHTML and CSS site.  It’s completely table free.  It uses horizontal lists in places.  It also applies CSS styling by using id attribute instead of the class= attribute like we usually do.  I don’t think I’ll switch to this method permanently.  It like to use the ID tag to call programmed actions often instead.  But it can be handy if your already assigning unique ID’s to elements because of programmed objects then you don’t have to clutter your code with css.  Plus that means a web designer can edit it in the future itself a programmer or myself . . .

I was working on a project at home today and wanted to set the first letter of the FAQ paragraphs (The “Q” and the “A”) be larger than the rest of the letters. I knew I use CSS to do this quickly and easily, but had forgotten how. It may be a surprise to some of those I’ve taught, but I am not, in fact, able to remember every single tag in every single language there ever was or is currently, pretty close to all of them, but not quite 100%.

I realized tat my CSS reference book was out on loan. Hmmm, I tried looking it up in Dreamweavers reference section, but it wasn’t there. So I turned to the to internet. I was shocked at how complicated some people think this is. Some people use a span tag and then pseudo classes of the span tag. Some people were even using JavaScript! This is how is done, the quick and easy and proper way:
.YourClassNameHere p {font-size: 12pt}
p:first-letter {color:#ff0000;font-size:xx-large}

Feel free to substitute “xx-large” with whatever value is appropriate.
This will . . . well I hope at this point it’s obvious what this code will do.