Page 1 of 2
i3Theme 1.6 layout problems
Posted: Tue Dec 02, 2008 1:06 pm
by pcp20us
Hi All
I want to use this theme on my blog, but the layout is all wrong
here is a link to have a look
http://pedro.blogs.exetel.com.au/
templates are installed so you can choose other for testing.
Where or what could be the problem?
I like this layout but it looks a tad strange on my blog
Cheers
Pete
Posted: Tue Dec 02, 2008 1:11 pm
by sonichouse
Try validating your page with the
w3c Validator this might help.
Re: i3Theme 1.6 layout problems
Posted: Tue Dec 02, 2008 1:12 pm
by garvinhicking
Hi!
Problem is not the theme, but your postings. They contain invalid HTML that leads to bad rendering in this theme; check out htmlvalidator.org and fix your blog entry codes, then the theme shoul work!
Regards,
Garvin
Re: i3Theme 1.6 layout problems
Posted: Tue Dec 02, 2008 1:16 pm
by yellowled
pcp20us wrote:Where or what could be the problem?
I'm almost 100% sure that the HTML code in one or more of your entries has one or more unclosed tags (most likely an unclosed <div> or something like that).
See the
" /> next to the video container in your latest blog post? That's next to
some of your embedded videos, so you probably have more than one mistake in here. It's a sign that something is wrong with the HTML code in those entries. Are you using a WYGIWYS editor in s9y?
Now, looking for the error can be difficult in these case. Running this past the wq3c validator tells me there is an <ul> which has no content (that's the navigation you're not using), but I'm still pretty sure some of those videos are not embedded correctly. Please check the HTML code for your latest entries.
This is definitely not related to the template, it's related to your entries. Sorry
YL
Posted: Wed Dec 03, 2008 12:01 am
by pcp20us
Thanks Guys.
That makes sense now your mention it, cuase i notice when i embed a you tube vid that there is alway a />next to the vid.
I am no html expert. What i do is grab the embed code from youtube, in sdy
click insert/modify images.then paste the code. Is this the correct way?
Yes i do use the wysiwyg the default one with the install.
I want an easy way to post things without having to get into html and running validator. I shall look and see what i van find.
Ghee just ran validator the page is full of errors.
Is this youtube code or wysiswy interface or user that is causing these error?
Cheers
Pete
Posted: Wed Dec 03, 2008 12:44 am
by yellowled
pcp20us wrote:What i do is grab the embed code from youtube, in sdy
click insert/modify images.then paste the code. Is this the correct way?
I don't embed videos myself, but I'm pretty sure it's not. Maybe someone else can help you with this. You might also try searching this forum for "You Tube" or something like that. You'll probably find more than one explanation how to do this.
YL
Posted: Wed Dec 03, 2008 12:59 am
by pcp20us
I am validating html, i get 96 errors 32 warnings.
All these cannot be due to you tube embedding?
there are errors from emotioncons and a hell of a lot form you tube.
I am confused i look round for embedding vidoes, but it says there are heaps of errors in the embed code. Confusing ????
what about using differnet wysiwyg?
Pete
Posted: Wed Dec 03, 2008 10:32 am
by sonichouse
To get the links from youtube to validate you have to replace all the embedded
& with
& so
Code: Select all
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/DBWqwkRVW6s&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/DBWqwkRVW6s&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
becomes
Code: Select all
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/DBWqwkRVW6s&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/DBWqwkRVW6s&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
That should tidy up most of the errors/warnings.
When viewing the source you have defined the youtube links as src for img or href - that is wrong, just use the <object>...</object> code.
HTH
Posted: Wed Dec 03, 2008 12:21 pm
by pcp20us
Hi Steve.. I actually found yur site and tyhought thats a goos template !!..
I am using firefox so as mentioned it looks all stuffed up. I just tried it in IE and it looks better but has dead link to my videos then the actual video, so a bit confusing. Thanks for info re replacing code in utube. So need to find out why therer is this dead link in there !!!
Cheer
Pete
Posted: Wed Dec 03, 2008 12:35 pm
by sonichouse
pcp20us wrote:Hi Steve.. I actually found yur site and tyhought thats a goos template !!..
Hi Pete, all the good work was done by YL when he ported it
FF really does not like invalid markup.... on your first entry we see
Code: Select all
<p align="baseline">I thought they said renovate but i heard detonate !!</p><p>I recon i did a good job !!<img height="344" src="<object width=" /></p><param name="movie" value="http://www.youtube.com/v/2ePBCIXpoMM&hl=en&fs=1" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed width="425" height="344" src="http://www.youtube.com/v/2ePBCIXpoMM&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" /><br /><p>
</p>
This looks like you inserted the youtube video as an image using the wysiwyg edtior ?
This is not a valid image reference, you need to just insert the object code as raw html markup.
Posted: Wed Dec 03, 2008 1:16 pm
by pcp20us
Yep its a good theme on you YL !!!
Yep i was embedding code as a image, new to doing embedding.
Ok So when i want to embed video can i go it in the wysiwyg interface or do i need to go to <html> button then embed the code?
Thanks for your help, gald someone pointed that out to me.
Cheers
Pete
Posted: Wed Dec 03, 2008 3:05 pm
by sonichouse
pcp20us wrote:Yep i was embedding code as a image, new to doing embedding.
Ok So when i want to embed video can i go it in the wysiwyg interface or do i need to go to <html> button then embed the code?
I would go the <html> route and see how you go.
As I said, I do not use the wysiwyg editor, so I'll leave that to those that know more about it.
Posted: Thu Dec 04, 2008 12:03 am
by pcp20us
Ha steve.
I went thru and tidy up my embeds, yep did it thru html, seems better, though the page still doesnot display correctly thru fire fox.
I got the embedded video but the white bacground doesnot go all the way to the bottom so it all looks a bit messy, an ideas.
Its all getting to much for a simple blog site !!
Pete
Posted: Thu Dec 04, 2008 11:17 am
by sonichouse
pcp20us wrote:Ha steve.
I went thru and tidy up my embeds, yep did it thru html, seems better, though the page still doesnot display correctly thru fire fox.
I got the embedded video but the white bacground doesnot go all the way to the bottom so it all looks a bit messy, an ideas.
Its all getting to much for a simple blog site !!
Pete
The problem is the post 18-Movember.
it has a few </div></div></div></div> in the post that seem unrelated to an opening <div>.
Also the embedding code looks strange.
Posted: Sat Dec 06, 2008 11:27 am
by pcp20us
Thanks sorted out the code so it displays properly know.
How can i remove the meta box in the side bar, i read that it is hardcoded. the problem is i do not have access to the sdy files??
Great theme
