Solved

html,css and wordpress question

Posted on 2011-02-22
2
361 Views
Last Modified: 2012-06-27
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
Comment
Question by:lvollmer
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 34953535
>> 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
 

Author Closing Comment

by:lvollmer
ID: 34953637
thanks!
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
output in HTML in Powershell 5 60
Anchor Bookmark 6 34
Best explanation of following code css 11 40
Sticking text to shapes in Raphael.js 6 41
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Find out what you should include to make the best professional email signature for your organization.
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
The purpose of this video is to demonstrate how to set up basic WordPress SEO. This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast. Go to your WordPress login page. This will look like the following: myw…

752 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question