Welcome Guest [Log In] [Register]
Garden News Feed
* WE HAVE MOVED TO www.eternalgarden.net/community! For all registered members, check your PM inbo or email me for the randomly generated password SMF has given you! Rael *
Add Reply
I've got a bone to pick with the source code of this forum lol
Topic Started: Aug 21 2009, 09:32:33 PM (40 Views)
Myownfriend Aug 21 2009, 09:32:33 PM Post #1
Member Avatar

 I noticed that in Opera 10 all the text on this site is centered in it's containing div. I thought that was a stylistic decision until I saw that it happened with posts too.

So knowing that every time I've had problem with Opera rendering a page it turned out to be the fault of the code and not the browser, I looked at the source code and looked for the "center" tag assuming that it was encapsulating the entire forum and sure enough I found that it was. The center tag should never be used. It is a deprecated element. Objects should be centered via css with "text-align: center;"

So to if a majority of the divs are going to be centered you should do something like this since most of Zetaboards' layout is done using tables.

Code:
 
table {text-align: center;}


Then to left align posts it would be

Code:
 
.c_post {text-align:left;}


They must appear in that order though.

Now, I should mention that Zetaboards is wrong for using tables for layout. Tables are for displaying tabular data only. The reason they shouldn't be used for layout is because a table doesn't show up until all its contents have been loaded. Thus its okay for text but not for having images and stuff. Even if it is just text it needs to be tabular. I'm mentioning that because the News Feed at the top was made designed with tables.

Code:
 
<center>
<table width="100%" border="1">
<TR>
<TD class="maintitle"><img src="http://209.85.62.23/style_images/1/nav_m.gif">Garden News Feed</TD>
</TD>
</TR>
<TR>
<TD class="row4">
<marquee>* One Staff Position Open = "Graphical Staff" - Will Act As Both A Moderator For The Library and Aid In Designing and Creating An Original Theme For The Garden! Contact Rael For Details Or To Apply!*</marquee>
</TD>
</TR>
</center>


First off, I can't find the closing tag for the table lol Second the image tab wasn't closed and third this can be done with less html.

Code:
 

<div id="feed">
<div id="maintitle">
<img src="http://209.85.62.23/style_images/1/nav_m.gif" />Garden News Feed
</div>
<div>
<marquee>* One Staff Position Open = "Graphical Staff" - Will Act As Both A Moderator For The Library and Aid In Designing and Creating An Original Theme For The Garden! Contact Rael For Details Or To Apply!*</marquee>
</div>
</div>


That's all you need.

Then in the CSS replace

Code:
 
th,td {
border:1px solid #b8b8b8;
}


and

Code:
 

td {
background: url(http://209.85.62.24/173/117/0/p65434/td.jpg) top repeat-x #dedede;
color:#606060;
padding:5px 10px;
}


with

Code:
 
th,td,#feed div {
border:1px solid #b8b8b8;
}


and

Code:
 

td, #feed div {
background: url(http://209.85.62.24/173/117/0/p65434/td.jpg) top repeat-x #dedede;
color:#606060;
padding:5px 10px;
}


then add this under them

Code:
 

#feed #maintitle
{
border-bottom: none;
}


That will look exactly the same.

Edit: Looks like ya fixed it :-D
Edited by Myownfriend, Aug 22 2009, 04:42:09 AM.
Posted Image
Posted Image
Offline Profile Quote Post Goto Top
 
Rael Aug 22 2009, 04:48:19 AM Post #2
Member Avatar
<3 Rinoa and Stellar <3
 Fixed it. ^__^ Just was sorting out other stuff so forgot to post in here saying so. xDD

Incidentally... I may end up asking you for help with the CSS for making the new theme. :P
Posted Image
Somewhere between a nightmare and dream, I see your smile through your tears but you don't even notice me.
Offline Profile Quote Post Goto Top
 
Myownfriend Aug 22 2009, 04:51:34 AM Post #3
Member Avatar

 No prob, are you positive you can make the new theme because they're are parts of your theme that you could do very easily with css if you had access to the source code but since it's a Zetaboards forum you'll need to use jquery. Like for example the three part category header. That's what I had on the old theme and to be honest, I hated it since jquery gets exacuted after the page has loaded.
Posted Image
Posted Image
Offline Profile Quote Post Goto Top
 
Rael Aug 22 2009, 04:57:49 AM Post #4
Member Avatar
<3 Rinoa and Stellar <3
 http://zbthemezone.com/forum/1000034/

They've got a few things in there about 3piece top menu's and the like. I'm gonna have to use a lot of tutorials to design it. xD And I'm gonna set up a seperate testing site so I get it right before putting it in here. ^__^

I'll be starting work on it tonight after work hopefully. :)
Posted Image
Somewhere between a nightmare and dream, I see your smile through your tears but you don't even notice me.
Offline Profile Quote Post Goto Top
 
Myownfriend Aug 22 2009, 05:38:56 AM Post #5
Member Avatar

 If you want you can use the old RM Phantasy to test it.
Posted Image
Posted Image
Offline Profile Quote Post Goto Top
 
Rael Aug 22 2009, 06:42:43 AM Post #6
Member Avatar
<3 Rinoa and Stellar <3
 I'm actually using this at the moment: http://s1.zetaboards.com/Garden_Testing/index/ xD But thank you anyway. ^_^

However, could you tell me the best way to limit just the board area? I can easily limit the entire page using ZB's drop down menu thing... But I want the top menu to stay relative to the browser size, whilst the rest of the site is set at 900px.

So far I'm managed to get everything at 900px except the body of the page... Er... how to explain it better... The topics, posts, etc are all at 900px, but the actually background colour, borders etc aren't... And I have yet to find out where they're set. xD
Posted Image
Somewhere between a nightmare and dream, I see your smile through your tears but you don't even notice me.
Offline Profile Quote Post Goto Top
 
Myownfriend Aug 22 2009, 08:22:06 AM Post #7
Member Avatar

 I thought I understood what you meant but now I'm not sure. You mean that you have the website at the correct width but your want the actual forum area to take of up the entire width of the container?
Posted Image
Posted Image
Offline Profile Quote Post Goto Top
 
Rael Aug 22 2009, 08:26:06 AM Post #8
Member Avatar
<3 Rinoa and Stellar <3
 I've actually managed to fix it. xD The container was far too large before, but I've been playing around with it and fixed it. xD

Basically, the margin and width were out of sync too much, for lack of a better word. :P Now I've just gotta center the whole thing except the Top Menu and find out where the borders around the catergories are drawn to remove them. :P
Posted Image
Somewhere between a nightmare and dream, I see your smile through your tears but you don't even notice me.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Garden Feedback · Next Topic »
Add Reply

Free SubDomain NamesRMPhatasy - Welcome to RM Dreamland
edge created by tiptopolive of ifsz