Hey guys, thanks for tuning in. I'm currently doing some upgrading to an eBay Template of mine, and I sort of went from PS7 to PS CS3 and missed everything in between, so my CSS skills are basic and not on the top of my head like good old HTML which is one language I can (un)proudly say I can write freehand of the top of my head, for the most part, the fancy stuff I still need to look up... anyway my point in rambling was to make that my eBay template was actually coded by my brother, and I added some html and style elements over the years and its about 5-6yrs old now, so time for an upgrade - BIG TIME. The html with all ts changes is aweful, and we need a new design, but the part below is currently a table:
Full Size (Easier to see the lighter colours)
(The blue gif dots are also an item which is changing - is there a css method for replacing those using css only or plain images - they will be more modern, fun looking.)
Here is the horrible HTML code for that section:
(For some reason the 'code' markdown, and even 'code and 'pre' markdown is not showing the code, its just displaying the HTML, but messed up. I am looking through ppl's posts for that other trick with makes the code look like it does on e-TextEditor (Coloured & Spaced HTML Code), so I went to Pastie and made a nice coloured copy which is easy to undestand. Thanks.)
Please forget the actual Text used in the original, this is the only one I could find that was a html file to screenshot the section.
Title1, Title2. Title3 etc is fine for the Bolded, and Entry Text is fine for the other text....
Title 1: Entry Text
I am not just lazy here, I have tried to get some css going with this, but proving disapointing on margins, Oh and as this is a table it has a light grey colour border around, whch was fine in 2006, but it would be cool to add a light grey border around the entire 'table' that has slightly rounded corners - another place I failed. I could alo not find any informaton on how to set it up in 2 columns like this table using css.... I only ask when all other options are exhausted, and what I have a a 1 column css/html version of this using Lists and &149; instead of my old blue 'dot', though, I am open to suggestions on that, if there is a quick loading way of using an image or CSS only way, I'm open to both suggetions/practices. For now if needed just use the blue dot for now if an image is needed, if css can be used a nice #1d9cb3 (Light Blue) or Gradient in blues - I mean I don't mean to be picky, using White to Black (the gradient) is fine, I just would like to be shown HOW to do it, NOT for you to do the work for me. Any colours and titles, text will be, of course, completed by myself once implementing.
I would also like your guys advise should I leave the light grey borders between each 'section' or go without, and just have a slightly darker grey rounded border around the whole thing - OR both?
I'm sort of tossed up between the two, but of I can be shown how to add the border if needed, that would be great, so I can see both when added to the entire design once complete.
Btw, I will show you guys the template once it's complete. I'm working on the eBay Store Template in Photoshop at the moment. The Listing template will be easier, as It wll not have the Store Header like some do, I think it's confusing, as all the store navigation is there which is not needed. It will be similar, but not be lazy and just use the same template.
I like to show off my work here when others have helped me out, and never forget a name!
Thanks in Advance all you CSS/(X)HTML Guys 'n Gals.... You have no idea how much this little code will teach me for other aspects of this design & others I do - Once I learn a trick, I keep it in my archive incase I need somthing similar in the future - with a goal of being fully freehand one day :-)