PDA

View Full Version : Craigs list html/css



jcdevelopment
Mar 7th, 2008, 09:49 PM
I know that this is not a normal question but i have looked everywhere for the answer. I am creating a simple lay out for my company to list houses on craigs list. So i am making a layout to where the agents upload a picture set some other things to thier listing then it spits out the code for them that they copy and paste and upload the listing.

I know craigs list accepts html and css, i have seen it before, but for some frustrating reason it wont take mine, i have almost gone to a basic html with little css and only tables, has anyone else had this problem or can anyone see why it doesnt work or maybe a site




<div style="font-family: Verdana,sans-serif; color: rgb(0, 0, 0);">

<font size="2">

<table align="center" border="0" cellpadding="10" cellspacing="0" height="100%" width="100%" style="background-color: #f2f2f2;">

<tbody>

<tr>

<td colspan="2" align="center" bgcolor="" valign="top">

<table align="center" border="0" cellpadding="0" cellspacing="0" width="740">

<tbody>

<tr>



<td align="left" height="20"> <div style="padding: 2px 5px; background-color: rgb(173, 142, 110); font-family: Verdana,sans-serif; color:#666666;">

<font size="2"><strong>Agent Name</strong> | [email protected]</font></div> </td>

</tr>

</tbody>

</table>

<table style="border-left: 1px solid rgb(229, 210, 189); border-right: 1px solid rgb(229, 210, 189);" align="center" border="0" cellpadding="0" cellspacing="0" width="740">

<tbody>

<tr>

<td>

<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">

<tbody>

<tr>

<td>

<table border="0" cellpadding="7" cellspacing="0" width="100%">

<tbody>

<tr>

<td colspan="2" style="background-color: rgb(250, 242, 201);">

<table cellpadding="1" cellspacing="0" width="100%">

<tbody>

<tr valign="top">

<td align="left" height="30" valign="top">

<div style="font-family: Verdana,sans-serif; color: rgb(32, 101, 145);">

<font size="4">1910 Hope St #9</font></div> </td>
<td><div style="font-family: Verdana,sans-serif; color: rgb(0, 0, 0);"><font size="4">$1,075/month</font></div></td>

</tr>

<tr>

<td align="left" valign="top" width="560" >

<div style="font-family: Verdana,sans-serif; color: rgb(0, 0, 0);">2/2.5/2 Town Home In Lower Greenville</div></td>
<td><div style="font-family: Verdana,sans-serif; color: rgb(0, 0, 0);"><font size="2">3 Bdrm Townhouse</font></div></td>
</tr>

</tbody>

</table>

</td>

</tr>

<tr>

<td colspan="2" style="background-color: rgb(250, 242, 201);" valign="top">

<table style="border: 1px solid rgb(229, 210, 189); background-color: rgb(255, 255, 204);" border="0" cellpadding="4" cellspacing="0" width="724">

<tbody>

<tr>

<td align="left">












<table border="0" cellpadding="0" cellspacing="0" width="100%"> <!-- start of content table -->

<tbody>

<tr>
<td align="left" valign="top"></td>


<td valign="top"><span style="padding-right: 5px;"></span></td>

<td height="10" valign="top" width="350" align="right">

</td>
</tr>
<tr>
<td valign="top">
<table style="border-top: 1px solid rgb(229, 210, 189); background-color: rgb(255, 254, 253);" border="0" cellpadding="3" cellspacing="0" width="100%">
<tbody>
<tr>
<td>Bedrooms</td>
<td>3</td>
</tr>
<tr>
<td>Bathrooms</td>
<td>2 full, 0 partial </td>
</tr>
<tr>
<td>Sq Footage</td>
<td>1,472 </td>
</tr>
<tr>
<td>Parking</td>
<td> 2 dedicated</td>
</tr>
<tr>
<td>Pet Policy</td>
<td>Small dogs (< 25lbs)</td>
</tr>
<tr>
<td>Deposit</td>
<td>$1,075</td>
</tr>
</tbody>
</table>
<br> <div style="font-family: Verdana,sans-serif; color: rgb(173, 142, 110);"><span style="font-weight: bold;"> DESCRIPTION</span></div> <hr style="border-top: 1px solid rgb(229, 210, 189);" noshade="noshade" size="1">
<table border="0" cellpadding="3" cellspacing="0" width="100%">
<tbody>
<tr>
<td>Magnificent finish out in this Hope St. commons 2 bedroom condo is exceptional! Hardwood floors, large open family room, crown moldings, gourmet kitchen with granite and stainless appliances, surround sound wiring, woodburning fireplace and great end unit location. Both bedrooms with private baths, two car private garage, resident pool and all close to Greenville. Top notch property ready to move right in. This quality is truly hard to find!

<br>
</td>
</tr>
</tbody>
</table>
</td>
<td valign="top" width="5"><span style="padding-right: 5px;"></span></td>
<td valign="top">
<table style="border: 1px solid rgb(173, 142, 110); background-color: rgb(173, 142, 110);" border="0" cellpadding="8" cellspacing="0" width="100%">
<tbody>
<tr>
<td><img src="http://www.myebby.com/craigs_builder/listing_11.jpg" width="400" height="288" /><br>
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center"><table border="0" cellpadding="1" cellspacing="0" width="350">
<tbody>
<tr>
<td align="center" height="25">see additional photos below</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="2" style="background-color: rgb(250, 242, 201);" valign="top">
<table style="border: 1px solid rgb(229, 210, 189); background-color: rgb(255, 254, 253);" border="0" cellpadding="4" cellspacing="0" width="724">
<tbody>
<tr>
<td align="left">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr align="center" valign="middle">
<td valign="top">












</td>
</tr>
</tbody>
</table><!-- ///////////////////////////////////// end of conetent and picture table //////////////////////////////-->







</td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></font></div>




thanks guys!!

nolvorite
Mar 7th, 2008, 09:56 PM
Can I see the website?

_Aerospace_Eng_
Mar 7th, 2008, 09:59 PM
No craigs list does not take CSS. It gets stripped out by the server. HTML yes, CSS no. If you have seen it before please let us know where. Does craigslist allow iframes?

jcdevelopment
Mar 7th, 2008, 10:13 PM
look at this, it has div styles det too alot of the tables, i dont get it, i have the same exact thing

http://dallas.craigslist.org/apa/587140188.html

_Aerospace_Eng_
Mar 8th, 2008, 12:25 AM
You should probably contact craigslist. They may have it set up to where only certain types of posts allow HTML.

http://www.craigslist.org/about/help/faq

zoobie
Apr 10th, 2008, 12:00 PM
yes...certain things are only allowed in certain areas
for example, direct links are allowed only in services

you can see how I used CSS in my own ad right here
http://denver.craigslist.org/evs/636904257.html

I just messed with it for a bit but discovered it strips or disables the post when the margin attribute is used...

Ultimately, I'd like to simulate an iframe with a div since frames and iframes are not allowed on craigslist

jcdevelopment
Apr 10th, 2008, 04:14 PM
thanks for the suggestions, i was able to figure it out though, i mean if you style certain things it works and if not it doesnt, i know its confusing but some how i rigged it too work!!

zoobie
Apr 10th, 2008, 07:46 PM
well, what you could do to easily determine what's being stripped is to just post all the CSS you're going to use inline within a few tags
then see what's left on the preview for a workaround

I was able to resemble my sites front page somewhat but will keep messing with it until I understand this myself

However, I don't think my simulated iframe is going to work on craigslist

jcdevelopment
Apr 10th, 2008, 07:50 PM
Yeah, i kinda did that with a trial and error approach. So i just finally came up with what i needed and made it work to where i was happy with it!!

Deacon Frost
Apr 10th, 2008, 07:56 PM
You could also try using just pictures?

Where it posts the picture of the entire layout that you want?

jcdevelopment
Apr 10th, 2008, 07:58 PM
Well, i am doing this for a real estate comnpany where they choose the layout and the house they want and then a php form spits out the code for them to copy and paste, so a picture might be an annoyance but it could also work!

jblood
Dec 8th, 2009, 08:23 PM
Hello everyone! I am new to the site and I would like to share a nice tool for you guys who use html on craigslist and/or ebay. Use.com provide all you need to manage your listings and automatically generates the html code for you. Everything is web based and you don't even need to install anything on your computer so you can manage your listings remotely if needed.



eBay is a great site for buyers and sellers. Buyers find the best deals through eBay and sellers use it to make quick sales on their items. One of the most important things to have in mind is a way to make your item stand out from the crowd. For the buyer, the first thing they see is the product presentation. If the presentation does not look attractive to the buyer, they will have less interest on your item and spend less time reading the listing.... therefore, less chance of selling your item. That's why I am taking this time to introduce you to www.use.com image hosting. Use.com will help you make your listing on eBay stand out and give the right presentation your item deserve. That being said, it will dramatically increase your chance of making a successful sale through eBay.... and the best part is that is 100% free and no knowledge of HTML is necessary.

Here are some of the features www.use.com offers:

No sign up required
Templates are 100% Free!
100's of designs to choose from
Eye-catching templates make your listings stand out from the crowd
No more extra-image fees
Display up to 100 images per listing/auction
No knowledge of HTML necessary
Unlimited Free Image
Hosting included
Save & re-use your favorite templates
Fully compatible with both eBay and Craigslist
Works with any website that allows HTML

Have a lot of images? The www.use.com Bulk Image Uploader allows you to select multiple images to upload all at once! It's the quick and easy way to share all your photos.