General Support2 sam2kb May 03, 2008 03:20
b2evolution CMS Support Forums- b2evolution Support
- Templates, skins, XHTML and CSS
- Trouble in Paradise! 2.4.2.... Sorry
1 tosca May 03, 2008 02:49
3 tosca May 03, 2008 23:19
Hi:
I don't know what you're talking about, sorry.
Well I don't see nothing wrong with this skin, but one not very important thing. You shouldn't put <style> tag outside the <head> section (you'll find it near the footer <div>).
There seems to be an assumption that I changed something. The skin design is what it is and I only changed a few the gifs/jpgs for the background and header. I didn't manipulate anything on the overall design or layout which is why I don't know what you're talking about.
There wasn't a problem before the upgrade and ALL graphics showed beautifully before. The graphics are loaded on the server and as I stated they are showing up for some reason.
You say that you don't see anything wrong with the skin??? (Great, I guess, I'm "delusional".) Please go to this link and you'll see 2 pictures of what I'm seeing.
http://www.rhrplus.com/blogpic.php
You provided this link, but I don't know which file the system is reading in order to correct the problem. Why would another bug be added to the update?
Does anyone have any suggestions on how to fix this?
Thanks.
4 sam2kb May 03, 2008 23:41
I'm not a member and could not see your toolbar.
Anyway here is what you should change
In style.css change
@import url(../../../b2evolution/blogs/rsc/css/basic.css); /* Import basic styles */
@import url(../../../b2evolution/blogs/rsc/css/img.css); /* Import standard image styles */
@import url(../../../b2evolution/blogs/rsc/css/blog_elements.css); /* Import standard blog elements styles */
@import url(../../../b2evolution/blogs/rsc/css/forms.css); /* Import default form styles */
@import url(../../../b2evolution/blogs/rsc/css/comments.css); /* Import default comment styles */
to
@import url("../../rsc/css/basic.css"); /* Import basic styles */
@import url("../../rsc/css/img.css"); /* Import standard image styles */
@import url("../../rsc/css/blog_elements.css"); /* Import standard blog elements styles */
@import url("../../rsc/css/forms.css"); /* Import default form styles */
@import url("../../rsc/css/comments.css"); /* Import default comment styles */5 edb May 03, 2008 23:55
Hi Tosca.
When I visit the link in your first post in this thread I see a normal blog - no half pages unstyled or anything like that. When I use IE to visit the same page I see two "missing image" things. The first is on the right side of the line with "home contact login" and the second is the very bottom of your footer.
The last link you provided here goes to the xhtml validator. It checks the page your visitors will see against "the rules" and tells you any errors. The first error (Line 50, Column 554: required attribute "alt" not specified.) is telling you that on line 50 it sees an image tag that does not have [[ alt="some text here"]] in it, which is why when I use Firefox I don't see anything over there. In the footer using Firefox I see "Dallas Web Hosting" so I'm guessing that is your alt text for that image.
Ah here it is:
<img src="../../../images/restorative2.jpg" width="342" height="40" />Change that bit to
<img src="../../../images/restorative2.jpg" alt="descriptive text" width="342" height="40" />and one error will go away. By the way you might want to use a full path to both those images (meaning <img src="http....... />) so you don't get the broken image thing.
The other errors would take a bit of digging. WHY there are errors in a canned skin is beyond me, and by the way every error is fixable but sometimes it is simply not worth it.
Anyway http://validator.w3.org/check?uri=http%3A%2F%2Fwww.rhrplus.com%2Fb2evolution%2Fblogs%2F%3Ftempskin%3Devocamp&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=0&verbose=1 shows you the "view source" that the validator is talking about. Where exactly in your files each error comes from I can't say. I do see where you have empty P tags (<p></p>) inside a UL in your middle column - "Sidebar" container I'm guessing. How it got there I don't know. Sorry :(
ANYWAY I can't duplicate your problem. Have you tried doing a hard refresh of the page with CTRL + F5?
6 tosca May 03, 2008 23:55
Hi Sam2kb!
That worked beautifully and the entire stylesheet is up! (Apparently, a new style.css wasn't added to the upgrade.) If there was an Emoticon that would show me jumping around, I'd put it here! :D
I reloaded the body_head and footer. EVERYTHING IS WORKING!!!! YAHOOOOOOOOO!
Thanks,
Tosca
7 edb May 03, 2008 23:57
EdB wrote:
Hi Tosca.
Ah here it is:
<img src="../../../images/restorative2.jpg" width="342" height="40" />Change that bit to
<img src="../../../images/restorative2.jpg" alt="descriptive text" width="342" height="40" />and one error will go away. By the way you might want to use a full path to both those images (meaning <img src="http....... />) so you don't get the broken image thing.
Or play with the number of ../ bits until it finds the image you are talking about. I'd go with the full path myself.
8 tosca May 04, 2008 00:03
Hi EdB:
Ya got me right as I changed my above post. It's up and working and I'll try again on the path.
You guys are AWESOME!!!!
Thank you so much ---- I'm happy, I'm happy!!!!! :D :D :D :D :D :D
9 sam2kb May 04, 2008 00:07
:>>
Well I don't see nothing wrong with this skin, but one not very important thing. You shouldn't put <style> tag outside the <head> section (you'll find it near the footer <div>).
FF, IE6 and IE7 show full page. These images simply don't exists:
http://www.rhrplus.com/b2evolution/images/restorative2.jpg
http://www.rhrplus.com/b2evolution/images/UnitedHosting.jpg
You should also try to fix these validation errors.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.rhrplus.com%2Fb2evolution%2Fblogs%2F%3Ftempskin%3Devocamp