View Full Version : Pay for a CSS Table

03-06-2009, 12:48 PM
1) Describe Work Request (be as detailed as possible):

I need a CSS table created. I've attached a .jpg here showing the exact specifications:


2) Payment methods you support (ie: Paypal, 2checkout etc):

I can pay via PayPal.

Thanks much,

03-06-2009, 02:14 PM
how wide is the gutter between the image and the editable text fields?

are those user-editable text fields or developer-editable text fields?

If user-editable, is this a collective set, or are they each submittable separately?

03-06-2009, 02:29 PM
how wide is the gutter between the image and the editable text fields?

---- 4 px if the math works out

are those user-editable text fields or developer-editable text fields?

---- developer-editable

If user-editable, is this a collective set, or are they each submittable separately?

---- n/a

03-06-2009, 03:10 PM
<style type="text/css">
div#wrapper {
background-color: #dad6cb;
width: 753px;
div#wrapper img {
div#wrapper div{display:inline; margin:0; padding:0}
div p {
background-image: url('/path/icon_arrow_link.gif');
background-repeat: no-repeat;
background-position: left middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
width: 250px;
p.597290 {background-color: #597290}
p.388faa {background-color: #388faa}
p.b6854a {background-color: #b6854a}
p.ab6c4d {background-color: #ab6c4d}
p.9a8a7b {background-color: #9a8a7b}
p.808080 {background-color: #808080}

<div id="wrapper">
<img src="" width="494" height="150" alt="">
<p class="597290">TEXT</p>
<p class="388faa">TEXT</p>
<p class="b6854a">TEXT</p>
<p class="ab6c4d">TEXT</p>
<p class="9a8a7b">TEXT</p>
<p class="808080">TEXT</p>

Free of charge...

There are a couple of details that you need to fill in yourself, but I think it's all self-explanatory... Let me know if there are any modifications.

03-06-2009, 03:31 PM
Hi boogyman,

You are so kind! I posted here, looks like there are a few probs ...


or did i do something ....

03-08-2009, 03:52 PM
Will this work?

03-08-2009, 06:04 PM
Awesome, I tweaked your code and got this ... I'm going to browser test it now ... I'm seeing everything I hoped for, but I'm using Firefox on a Mac so we'll see ....


03-08-2009, 06:08 PM
You can use BrowserShots (http://browsershots.org/) to see what your site looks like in other browsers and on different platforms. I can tell you directly that it looks different in IE.

Good luck!

03-08-2009, 06:16 PM
Yes, I'm testing it in Browsershots as we speak! Hey are you available for small CSS bits of work? I'm getting busy (I'm a Web Developer) and my CSS guru has a new job. I really need someone for CSS help on occational projects going forward. Not a lot of work, mostly small things here and there. Are you interested?/available from time to time? Thanks so much for your help!

03-08-2009, 06:36 PM
If you just need help with minor issues, you can post on the forums here and some of the nice people here will help you out. If you think you need to hire a freelancer, I'm interested but I'll let boogyman and Nile answer first, they should have dibs on this after helping you out.

03-08-2009, 07:21 PM
Dang it .... problem with IE (i hate IE) look at the extra at the bottom of the link list

IE Problem - http://browsershots.org/screenshots/a54370027f3fb979044502222f3a44af/

Firefox looks fine! - http://browsershots.org/screenshots/b9e111cfb063952da451a3a54eaf5837/

Any idea why? Here's the page: http://www.coastalsurfandski.com/csstest/newtest.html

I'm ready to give up and create some crappy HTML version of this.

03-08-2009, 07:36 PM
Replace this:

<html xmlns="http://www.w3.org/1999/xhtml">
with this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
and then add this:

ul.editable li {
margin-bottom: 4px;
height: 18px;
padding-top: 3px;
list-style-type: none;
color: #FFF;
font-family: verdana;
font-size: 12px;
line-height: 12px;

Good luck!

03-08-2009, 07:52 PM
Done - http://www.coastalsurfandski.com/csstest/newtest2.html

I'm re-testing it now :)

can't thank you enough!

Would love to hear from any of you interested in doing some CSS freelance - http://www.cloudyreason.com

03-08-2009, 08:18 PM
Glad to help you Michele!

03-09-2009, 12:54 PM
Sorry I didn't get back to you Michele.
Glad you were able to figure out the problem.

As for the ongoing freelance, I am not looking for steady free-lance work, however if you post something here I will be happy to help if I can.