Hope someone can offer some advice and possibly help me out, this forums never let me down so far


Ive been working on a test Test shopping Site using oscommerce recently as a bit of a side line for me.  It doesnt appear you can use text for product desciptions so you have to use Html product descriptions

Is there a way to code tables and html in general without using the " in the coding. The reason being is that when you use the import and export facility you cant use " in them without it messing up the coding.

From what little I know, browsers can render the markup without the " but would there be any penalty from search engines for the markup being missing?

Also if you look at my site you will see that ive used tables a lot for all the descriptions. If you specify the table width (say 95%) then it overlaps on the thumbnail pic. Easily solved by changing to say 85%. Is there a more efficient coding way to do this?

with regards to "... no no penalties. But it isnt valid code so some obscure browsers may kick up a fuss.

with regards to using tables, USE DIVS!!! DIVS/SPANS/LAYERS are part of CSS and CSS2. Head to http://www.w3schools.com and find out about CSS

Tables are perfectly valid and efficient in (X)HTML/CSS, why should he switch to DIVs?

The thumbnails should not be overlapped if you are using tables properly. Set the table width to 100% then either dont set a width on the image cell and set the description cell width to 100% or set the image cell width to an absolute like 200px and dont set a width on the decription cell.

Check how the site looks in both IE and Mozilla/Opera browsers, there are sometimes discrepancies.

HTML = Structure.

CSS = Design.

Tables = CONTENT NOT DESIGN.

With Divs and Layers he will be able to seperate the structure of the webpage from the layout. As such itll be easier to understand and work out any issues.

Also Divs offer more with regards to layout options.

If he looks at CSS also he may become familiar with the other methods of sizing elements on a page. em ex px for example.

Erm, tables work in a very similar fashion and can be equally seperated from the design. Tables work with layers too you know, with great effect actually, since you can not only effect the table as a whole but also each cell individually and then layer divs on top of that

Im saying he should be integrating CSS with both tables and divs, not solely relying on divs to set out the whole site, thats madness.

Pages still need a framework. You cant simply nest hundreds of divs. Its pointless.

Thanks for the information.  I did consider using DIVS but from what I read, divs are more for design and tables are for tabulated data?

Ive learnt "a little" css so far, thats what the main page is constructed with, well the background of the cells and the menu.  Any points or hints on page design and help is much appreciated

Ill go have a look at the code on the page and see if I can set a image width element to maintain the structure a little. Thanks for the help thus far

You can use a single quote  (Shift + @) instead of double quotes " (Shift + 2).


(assuming English Keyboard).

Quote from: Clockd 0NeErm, tables work in a very similar fashion and can be equally seperated from the design. Tables work with layers too you know, with great effect actually, since you can not only effect the table as a whole but also each cell individually and then layer divs on top of that

Im saying he should be integrating CSS with both tables and divs, not solely relying on divs to set out the whole site, thats madness.

Pages still need a framework. You cant simply nest hundreds of divs. Its pointless.

This is why its difficult to get novice web designers to seperate the two (not saying your a novice as I know your not, but its definately one of the bad habits that many people pass on).

Tables are purely for tabulated data. Laying out Thumbnails isnt tabulating data

While Divs and Layers and other elements of CSS will work hand in hand with tables, its an absolute nightmare to try and sift through if your a new guy brought in to fix up the current thing, and while if your the sole designer of the page its still poor practice to do it.

Also the interaction between tables and Divs cannot always be predicted and will result in abnormal behaviour between different versions of browsers (Mozilla Firefox 0.8 and Mozilla Firefox 1.0 for example) as well as completely different browsers.

I gave a link in my first post for you to have a ganders at mate itll teach you the basics, but to be honest theres so many web based tutorials out there now that your better off googling one and finding one that suits your style

The thumbnail from what I gather is jsut "there" on the page.  Not sure how its formatted which makes things a bit frustrating.

What Ive noticed is that both IE and FF render the screen differently.  On FF the thumb isnt obscured, in IE the table seems to overlay on the image.  Not quite sure whats happening there to be honest.

Im still learning so havent got that many bad habbits as I dont know enough to have any lol.

Looking at the source, the image is within a div element, it simply needs some padding putting on it to the right to prevent the overlap in IE. Bit of a hack, but thats the simplest way I can think of explaining a solution to you. Youre going to have to get to grips with CSS mate

I can post the source here if thats help. If you could have a look and then help me make the changes (not do them for me cause I like learning) would you mind?

Not at all, it can be a group exercise

Cool, File is attached.

The area of code that I think it is seems to be
    if (tep_not_null($product_info[products_image])) {
?>
         
           
             

When you click the image on the site it opens up a popup window in this instance.  I know popups are a bad thing but ive not investigated other image methods just yet. neXus Hero Member Posts: 8,761 Location: New Zealand Logged Re:Html Coding & Oscommerce #13 July 11, 2006, 15:28:08 PM Clockd 0Ne m8, tables are horrid With the inner and outer issues with different browsers asside, whats allready been said is 100% correct All you should see these days in a good web page is divs (spans your ment to use but there are several issues with that so people dont)  Your sever side code, thats it You will have half the code then if you did tables, and you can have the whole site running off one css or a couple (some like to seperate) And is far more efficent then a table Change the css only and you can adjust all dimensions of your site as well as all the style elements. Some times you have to use a table though, but thats down to anoying stuff, still there is some use yeah, but like 1 table used in a whole site. Once you learn css and div coding and got used to the niggles its miles better tbh Clock'd 0Ne Clockedtastic Administrator Hero Member Posts: 10,981 Location: Costa del Solent Logged Re:Html Coding & Oscommerce #14 July 11, 2006, 18:25:36 PM Maybe Ive not caught up then, in which case Ill admit its not the most efficient method and M3ta7h3ad was right to suggest divs, but for someone new such as shiftlocked it might be throwing him in at the deep end. I suppose if youre going to learn though, might as well learn the best way first. I find the odd problems pop up between browsers, but its easy enough to spot them and know how to deal with them. Its essentially more difficult for me to switch over to because some of the site work I do runs around sams Java which relies on certain element nesting. Tables shouldnt be disregarded altogether though. Print Go Up Pages1 2 User actions Tekforums ► Chat ► Entertainment & Technology (Moderator: Mardoni) ► Html Coding & Oscommerce User actions Print Help | Terms and Rules | Go Up ▲ SMF 2.1.6 © 2025, Simple Machines | Sitemap Page created in 0.140 seconds with 16 queries.