PDA

View Full Version : Pay for a CSS Table



MicheleBaer
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:

http://www.coastalsurfandski.com/css-table.jpg

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

I can pay via PayPal.

Thanks much,
Michele

boogyman
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?

MicheleBaer
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

boogyman
03-06-2009, 03:10 PM
<style type="text/css">
div#wrapper {
margin:0;
padding:8px;
background-color: #dad6cb;
width: 753px;
}
div#wrapper img {
float:left;
width:494px;
}
div#wrapper div{display:inline; margin:0; padding:0}
div p {
margin:0;
padding:5px;
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}
</style>

<div id="wrapper">
<img src="" width="494" height="150" alt="">
<div>
<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>
</div>
</div>


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.

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

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

http://www.coastalsurfandski.com/csstest/

or did i do something ....

Nile
03-08-2009, 03:52 PM
Will this work?
http://unlinkthis.net/examples/links/css.html

MicheleBaer
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 ....

http://www.coastalsurfandski.com/csstest/newtest.html

Snookerman
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!

MicheleBaer
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!

Snookerman
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.

MicheleBaer
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.

Snookerman
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">
<html>
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!

MicheleBaer
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

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

boogyman
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.