Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 373
  • Last Modified:

html,css and wordpress question

http://tinyurl.com/4jlteol

I have this site, it is a mess.

Unfortunately, i cannot rewrite the code so i am stuck with the table structure that exists there. If you go to the URL, a lot of stuff is missing. The page is more or less supposed to look like this > http://tinyurl.com/4voktdb

ignore the middle content. As you will see, the site is not centered, the page bakround does not appear, nor does the background on the left side navigation items. When I copy and paste the source code into Dreamweaver, everything looks normal.

Any idea why it is rendering this way on the web?
0
lvollmer
Asked:
lvollmer
1 Solution
 
Jason C. LevineNo oneCommented:
>> As you will see, the site is not centered, the page bakround does not appear

Styles.css:

body {
    background: none repeat scroll 0 0 #F1F1F1;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

Those two declarations affect the background and table.  So remove the HTML attributes from the table, assign it an ID and then create a matching CSS entry to center it.  For the background, add the appropriate CSS entry to the body declaration.

>> nor does the background on the left side navigation items

Same issue, mostly.   Use CSS to set background, as you will get more control over them and the CSS code won't supercede the HTML.
0
 
lvollmerAuthor Commented:
thanks!
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now