Solved

html,css and wordpress question

Posted on 2011-02-22
2
357 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
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

What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Suggested Solutions

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

757 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

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now