I've just done a wordpress template and the footer isn't 100% width like it should be.
http://79.170.44.113/yorkshirecouriers.co.uk/?page_id=8
Any ideas why?
Am I missing a div ending anywhere?
Thanks
There's a missing closing </div>. See [Invalid] Markup Validation of 79.170.44.113 yorkshirecouriers.co.uk ?page_id=8 - W3C Markup Validator. Scroll down in the validation report to see line numbers and source code.
You are getting style for footer from a CSS file. Pull up styles.php and view settings for footer. Or you can put footer in a only without any sort of styling.
Related
I am using a Covalent Template for the first time for my first Angular application. I downloaded the Dashboard template from https://stackblitz.com/edit/covalent-dashboard-ynyp1w?file=main.ts and tried to customize it, when I saw this error:
The placeholder is mispositioned and the letters are cropped at bottom;
One of the DIVs is with wrong height, so an ugly scrollbar is visible at right.
I tried to look into the compiled HTML and CSS, and at the source-code, but no success on how to change what is wrong. It may be in CSS or maybe in the template property of the input-search component's decorator.
in my wordpress blog using theme "hueman" I added a logo.
I looked with firebug in the code and saw that the logo is set as h1 tag on every page. I would like to remove this because I want the titles in the text/content to be h1.
Unfortunately I can't find the code and don't know what exaclty needs to be removed?
Using firebug it says "h1....site-title..." but in the css file I only find a page-title that is defined with h1. Do I just have to delete the "h1" here?
Thanks for helping me
BR
Heidi
I have never used the hueman theme... however if you look in the folder wp_content/themes/hueman/header.php
In word press themes the logo and top menu are normally rendered in this file and is called by the wp_header() function with in your templates.
Sorry if this is obvious but I just don't know what more to do.
I am using fancybox jQuery plugin to load html content into a modal, but the content doesn't show the css styles of the main document.
CSS rules are called in the main document AND inside the loaded html in a <style> tag, but nothing.
How can I fix this without having to apply individually each element's css with jQuery .css() calls?
Thank you
Note: I know this may be over-duplicated, but I still haven't found the right solution.
Edit: Ajax-loaded content is inside an iframe
Since, as you mention in the comments, you're actually loading content into an iframe, this loaded content will not be affected by styles in the container document. They're two distinct HTML pages, despite the illusion created by the iframe.
Your best bet is to configure the content you're loading to use the same set of styles and style sheets as the container document, or a subset thereof. Treat it like just another HTML page on your site.
my website : http://www.equipe94.com have a two column layout and in ie6 the right column is flushed at the button... it look like and inline problem, but even WITH the inline widget.. it's still at the bottom..
any idea to fix a wordpress template to play well with ie6 ?
thanks in advance
n.b.
As mentioned in the comment... my page don't validate...
after fixing the multiples problems now I validate in XHTML 1.0 Strict...
but the problem is still there !
You've got a few missing closing </div> tags that might be the problem: [Invalid]Markup Validation of equipe94.com - W3C Markup Validator. Scroll down in the validation report to see line numbers and source code.
You also should work with the IE6 specific style sheet that is in your theme at /headway-166/media/css/ie6.css
I have found the problem.... it's was an hentry that overflow the content box.... ie6 detect it !... in css i have add overflow:hidden then it's ok !.. thanks anyway
Here's my page
It looks correct in Firefox, but of course in Internet Explorer, there's an issue.
The main body of the page is not displaying correctly. The left and right divs are not showing the white background that I'm trying to get them to.
Your HTML appears to be broken. For example <div id="mainbody" is not closed. Run it through a validator and fix all the markup problems.
Try separating your shortcut for background in your #left id in css. IE may not be parsing it correctly.
The #right div looks OK (I'm using IE7).
You need to change <div id="mainbody" to <div id="mainbody"> as i told you earlier.
Use the W3C validator: [Invalid] Markup Validation of modastudio.com/docs_new/bostondentalposters.shtml - W3C Markup Validator.
You've got a bad doctype that will throw IE into quirks mode, as well as missing tags, double charset calls (that should be UTF instead of 8859), duplicated meta tags, etc.....
You're also nesting tables and lists inside of paragraph tags which is invalid markup for the doctype you're using. A handful of the meta tags are not closed correctly along with capitalization of attributes which are also not allowed with the selected doctype. The stylesheet link tag is not closed correctly. The images tags in the table are not close correctly nor are the break tags.
Fix the html errors first and then see where you're at with your layout.
Good luck and hope this helps some.
Maybe not really an answer to your question, but since you seem to develop in Firefox, you might want to try the HTML Validator extension. Makes this kind of development a lot easier.