I've been working on a theme at
http://opeswebs.com/forum/ and I have an issue with the new thread/new reply button. I'm unsure why but the button is floating right (and not lined up like it should be) as you can see here:
http://i.imgur.com/u6zOk.png
I did what you would expect (a lazy, temporary solution) and added this and wrapped the div around it.
#newthread{
position:relative;
float:right;
margin-right:61px;
}
I still would like to know why it was like that..anybody have an idea? Because this won't work on every resolution and will without a doubt give me issues.
edit: Yes there is multiple cases where this happened. It has to be something global.
I got this:
http://validator.w3.org/check?uri=http%3...ne&group=0
There are some things that may have caused this...but unlike a normal site I cannot just go into the index to fix it. How can I do it?
edit: I went through every edited template and nothing could have caused this.
Quote:There are some things that may have caused this...
You didn't close some div tags in your templates and it's oblivious that browsers will render unclosed tags (and the result is broken layout).
1.In your header template ul tag isn't closed (it's wrapped in div tag with navlinks).
2.You have html comment tag that starts before li tag and ends after ul tag
that leaves you with unclosed ul tag
<div class="menu">
<ul>
</div>
3.In footer template you got div tag that isn't opened
Quote:edit: I went through every edited template and nothing could have caused this.
Check twice.You did something wrong.If theme is coded properly layout can't break by itself.
Edit:If you want to export your current edited theme (without images) and attach it in zip file i can take a look at templates and fix broken layout.
Here is the .xml if that is what you meant:
http://dl.dropbox.com/u/57431833/Grass-t...281%29.xml
I'll try and fix what you mentioned, as well. The html comments are there purposely, so the links are hidden but still there just in case I want them back.
edit: I corrected all 3 of those issues, the problem still persists. I suspect it has something to do with my body and #container in global.css I have the container stretched to 100% and got rid of all the margins so the theme fits the screen. Could this be the issue?
There was some width issues + unclosed div or ul tags and HTML comments.
Btw id in html tags must always be unique.
Thanks, it works. But can you please tell me the exact issue that caused it? I hate to have someone do it for me, but I'd at least know what messed it up. Thanks.
1.In header templates all tags and content inside it was messed up so i needed to break it into lines (example: from
<div><ul><li>some text</li></ul></div> to
<div>
<ul>
<li>some text</li>
</ul>
</div>
)
2.<div class="menu"> and content inside that tag are now commented with HTML comment tag (<!--<div class="menu"><ul><li>links</li></ul></div>-->)
3.Footer template was also messed up so i needed to break that to into new lines
4.Two closed div tags are removed from footer since there wasn't any start tag for them
4.from forumdisplay_newthread id="newthread" and class="newthread" are removed
I corrected all that myself and it didn't do anything. You added this, however:
width: 90%;;
margin:auto;
in #content
which fixed it.
(2012-01-24, 10:38 PM)BitzDefender Wrote: [ -> ]I corrected all that myself and it didn't do anything. You added this, however:
width: 90%;;
margin:auto;
in #content
which fixed it.
I forgot about that to.But overall footer and header templates contained few unfinished tags (HTML Comment tag,two divs and one ul tag).
Try to validate it and you'll see no errors on report page.
Edit:tborder is also changed (from 90% width to 100%).