The PokéCommunity Forums

The PokéCommunity Forums (https://www.pokecommunity.com/index.php)
-   Webmasters Discussion Archive (https://www.pokecommunity.com/forumdisplay.php?f=38)
-   -   Webmaster's Lounge (https://www.pokecommunity.com/showthread.php?t=20261)

pokejungle December 26th, 2005 3:57 PM

Yeah, but see, I want a fixed layout that can emulate a table's normal three-column look.

Innocence December 26th, 2005 5:24 PM

Mmm...I like expandable. It'sh good. That's why my layout's purely DIVs.

Little Paul December 26th, 2005 6:43 PM

The only thing I hate about DIV's is how the area that you set them can change by simply adding a image above one of 'em.

Morkula December 26th, 2005 7:24 PM

Div layouts are so frickin hard to code... the one that Brandon gave me took forever to get tweaked to work right with my site.

And Paul, I've tried to get a copyright bar at the bottom. I'm sure there's a way it can be done, but I couldn't figure it out myself. I actually got it to work in Firefox, but it screwed up in IE. (Or maybe it was vice versa?) =/

Little Paul December 26th, 2005 8:52 PM

Maybe you can specify which Paul, Morkula ? Just call me Little Paul or LP X3.

pokejungle December 26th, 2005 9:20 PM

I believe he was talking to me~

...

Yeah, they are depressingly hard to code ._.;

aRedMoon December 26th, 2005 9:22 PM

Quote:

Originally Posted by Morkula
Div layouts are so frickin hard to code... the one that Brandon gave me took forever to get tweaked to work right with my site.

And Paul, I've tried to get a copyright bar at the bottom. I'm sure there's a way it can be done, but I couldn't figure it out myself. I actually got it to work in Firefox, but it screwed up in IE. (Or maybe it was vice versa?) =/

It looks much better as it is now.

Geometric-sama December 27th, 2005 4:40 AM

That copyright bar thing is the -only- problem I have with DIV layouts...

Dragonfree December 27th, 2005 8:30 AM

The only way to *perfectly* emulate the table look (with the menus stretching all the way down no matter how long they actually are and a copyright notice stretching all the way from left to right right at the bottom regardless of which is the longest column) is using floats... something like this.

The basic code for it is this:

(X)HTML (without doctype and content)
Code:

<html>
<head>
<title>Blah blah blah</title>
</head>
<body>
<div id="layout">
<div id="header">

</div>
<div id="container">
<div id="leftcontainer">
<div id="content">

</div>
<div id="leftmenu">

</div>
</div>
<div id="rightmenu">

</div>
</div>
<div id="copyright">

</div>
</div>
</body>
</html>


CSS (without the presentational styling like padding and font styles except borders, which are mainly there because if you do want them, then you know how to do it, but you can remove them if you don't want them):

Code:

body {
text-align:center;
}

#layout {
margin:auto;
width:779px;
text-align:left;
background:url(bg1.gif) top left repeat-y;
}

#container {
float:left;
width:779px;
background:url(bg1.gif) top right repeat-y;
}

#header {
background:#FFFFFF;
border:1px solid #000000;
}

#leftcontainer {
float:left;
width:679px;
}

#content {
float:right;
width:579px;
background:#FFFFFF;
}

#leftmenu {
float:left;
width:100px;
}

#rightmenu {
float:right;
width:100px;
}

#copyright {
clear:both;
background:#FFFFFF;
border:1px solid #000000;
}


Note that if you don't mind having the left menu first in the source, then the content and then the right one (which is the way it is with a table layout anyway), it simplifies matters quite a bit as then you can remove the leftcontainer div altogether, change the order in the source to that and then float them all left (same if you want it to go right menu - content - left menu for some reason, and floating right).

Also, the background image bg1 is exactly 100 pixels wide (the width of the menus), five pixels tall, has a white background and a one-pixel border on each side. It's only there to emulate a border/background, so you don't need it if you just want the same background color as for the content.

Chrono [email protected] December 28th, 2005 12:57 AM

I don't believe it. Div Layers are the best things in HTML Next to the Umm..The Body tag, I'm serious. They are way too easy to code but the only problem I'm having is whatever looks good in Firefox screws up in IE and Vice-Versa. And Half the times, I have no fricking Idea what my mistake is. :p

And Hope you artists join my contest. Um...Hm..!!

~ CC

Dragonfree December 28th, 2005 7:24 AM

What don't you believe? o.O

pokejungle December 28th, 2005 10:07 AM

Thank you SO MUCH Dragonfree 0_0;

Now I can use that base to fix my layout I've been having trouble with ~;3 And don't worry, I'll credit you.

Little Paul December 28th, 2005 12:15 PM

When will PJN be re-opening O.o? You said like it would be open by Christmas Eve :3

pokejungle December 28th, 2005 12:21 PM

And that was before I realized that coding this was going to be a pain in the *** :3

It actually should be up tomorrow though o_o;

Morkula December 28th, 2005 12:21 PM

That's why I hate setting deadlines... >>

Paul does have a life outside of PJN, you know. Besides the fact that he's having trouble getting the layout to work, he also has school starting back up soon, he's had Christmas, plus he's getting ready to go to Japan next year and he has a lot of forms and preparation for that. x.x

Dragonfree December 28th, 2005 12:50 PM

Heh, if I set myself deadlines, it drives me to get it done. :P

It only took me like a week to make my R/S Pokédex, thanks to the deadline of my site's birthday...

pokejungle December 28th, 2005 1:03 PM

Usually deadlines work for me too. But just too much stuff going on @[email protected];

scolari December 28th, 2005 1:13 PM

deadlines never work for me. Things interrupt my life to easily e.g. friends just randomly turning up and kidnapping me or work ringing me up to work jsut things like that.

aRedMoon December 28th, 2005 3:17 PM

I would be working on my Pokedex if JA ever finished the coding *glare*

Spectrum December 28th, 2005 3:23 PM

Get off your butt and code it yourself. >O

...+stops stalking+

pokejungle December 28th, 2005 3:48 PM

Ok <_<; For some reason I'm having trouble getting a content background with that Dragonfree~

http://pokejunglenetwork.com/paul4.php <- D: I need someone to help me @[email protected];

aRedMoon December 28th, 2005 5:27 PM

No offence Paul, but that looks horrible ^^ It looked better beforehand.

pokejungle December 28th, 2005 5:38 PM

...

._.; Right now I'm more worried about getting PJN. I'm designing a new layout. And not the one you saw Robo XD

Dragonfree December 28th, 2005 10:29 PM

Quote:

Originally Posted by Katsuro
Ok <_<; For some reason I'm having trouble getting a content background with that Dragonfree~

http://pokejunglenetwork.com/paul4.php <- D: I need someone to help me @[email protected];

Hm, put a white background color on #layout (leaving the background image intact).

Geometric-sama December 29th, 2005 4:59 AM

Quote:

Originally Posted by JKaizer
I would be working on my Pokedex if JA ever finished the coding *glare*

I forget. I have my own coding to do too x_x

Chrono [email protected] December 29th, 2005 5:39 AM

Well, JK, you can get a simple code externally. It's not really that difficult to code a Pokedex, I would do it, if I wasn't already over-writen with jobs above my head. BTW, you planning to use MySQL??

Paul, JK is right, it's bad.

~ CC

aRedMoon December 29th, 2005 10:26 AM

Quote:

Originally Posted by Chrono [email protected]
Well, JK, you can get a simple code externally. It's not really that difficult to code a Pokedex, I would do it, if I wasn't already over-writen with jobs above my head. BTW, you planning to use MySQL??

Paul, JK is right, it's bad.

~ CC

JA is coding an extensive 'dex :D

It's a big pretty one <3~

Morkula December 29th, 2005 10:29 AM

Yeah, wasn't that supposed to be done in like, November? XD

So much for us getting Pichuland done by the end of the year. x.x

aRedMoon December 29th, 2005 10:50 AM

Shhhh! Don't tell people the name of our topic secret project The PichuLand Pokemon Guide! :O

Cruela, I am ashamed that you leaked =P

Morkula December 29th, 2005 10:52 AM

Shaddup, Greg XD

And I think you kinda revealed just a little bit more than I did XD

aRedMoon December 29th, 2005 10:53 AM

OH NOEZ! TEH E-DRAMAZ!

*goes to emo self*


BTW everyone, Morkula's real name is Cruela. Her parents watched too much Disney :(

Morkula December 29th, 2005 10:54 AM

Oh, shut up, Gregory =P
Greggy...
Gerg... D:

aRedMoon December 29th, 2005 10:55 AM

*emoing*

CRUELA <3~ You should totally go change your gender now that the truth has been revealed!

GURL POWA 4EVA!

Little Paul December 29th, 2005 11:20 AM

Quote:

Originally Posted by Morkula
Oh, shut up, Gregory =P
Greggy...
Gerg... D:

Cruela, a moderator who flames.

*what a shame*..

pokejungle December 29th, 2005 5:52 PM

Quote:

Originally Posted by D-C
Cruela, a moderator who flames.

*what a shame*..

I won't even comment on that~ oops.

Anyways, do you think PJN would do well with a pretty simple ... elegant layout like PaulHQ? http://paulhq.com

WidowMaker December 29th, 2005 6:28 PM

I guess PJN would look nice with a simple layout. My layout is really simple, it only uses two images XD

pokejungle December 29th, 2005 6:36 PM

Dragonfree~ didn't work ._.;

I think in the end it's best if I just find a new layout. Graphic designers are so hard to find though ;_;

WidowMaker December 29th, 2005 6:38 PM

Quote:

Originally Posted by Katsuro
I think in the end it's best if I just find a new layout. Graphic designers are so hard to find though ;_;

I can design you a layout. Heres a winter layout I made for my site: PKFan

And with all the stuff I'm learing in photoshop, I can make something twice as good as that.

Little Paul December 29th, 2005 7:10 PM

FireTorchic that's my layout just different colors you got that off FPC and made a banner and changed it..

Chrono [email protected] December 29th, 2005 7:26 PM

I'm not too sure of a simple layout for PJN, Paul. I mean a Pokemon Site should have a kinda elegant and attractive layout, Black would rock as not many sites have it, but it's upto you.

And Nice Layout FT, though I don't appreciate the waste of space in both sides when looking at it, in 800x600!

And Greg, By Extensive Dex, do you mean coding the code for the PokeDex Script or coding the entries itself??

Also, guys I've just started blogging @ http://chronotron.wordpress.com, just a sneak preview of what's up! Gimme your comments and that layout is the one of the few available already and currently, I can't change it. :S

~ CC

pokejungle December 29th, 2005 7:38 PM

If you wanna design me a layout, I'd apperciate it FT XD If it has green with grass pokemon, I'd be happy ;D

Dragonfree December 29th, 2005 7:45 PM

Quote:

Originally Posted by Katsuro
Dragonfree~ didn't work ._.;

You added a second background property, which you shouldn't have. Just change the one already there to background:#FFFFFF url(paul/ysnhlayout_07.gif) top left repeat-y;

pokejungle December 29th, 2005 7:50 PM

Oooh~ I'll fix that...

*fixes*

...still very wrong o_o;

WidowMaker December 29th, 2005 7:54 PM

Okay, Katsuro, I'll make you a layout. It'll look very nice, but this time instead of useing Paul's coding, I'll make my own just for your site.

Dragonfree December 29th, 2005 8:01 PM

You added it to #content instead of #layout, silly. =P Change the background on #content back to just #FFFFFF, remove the background:#FFFFFF from #layout and change the background:url(paul/ysnhlayout_07.gif) top left repeat-y; on #layout to background:#FFFFFF url(paul/ysnhlayout_07.gif) top left repeat-y;

pokejungle December 29th, 2005 8:08 PM

Well~ now I've got a white background, but the background image isn't stretching =/

and that'd be really awesome FT! =D

WidowMaker December 29th, 2005 8:30 PM

Quote:

Originally Posted by Katsuro
and that'd be really awesome FT! =D

No problem!^^; I'll try n' have it done by Monday.

aRedMoon December 29th, 2005 8:44 PM

Watch out FT or you'll be swamped with layouts like poor Matt was. :(


And CC, she's coding a script so that it's really easy to update/use/etc. :D

Dragonfree December 29th, 2005 8:45 PM

Quote:

Originally Posted by Katsuro
Well~ now I've got a white background, but the background image isn't stretching =/

You'd have to add those black borders to the background images on the menus and just leave out completely having a background image on the content (since at least as it appears to me, the image doesn't serve any other purpose than putting those borders on anyway).

...Actually, now that I think about it, since it's a fixed-width layout you might as well just make it all into one background image and put that on #layout. =/

pokejungle December 29th, 2005 8:47 PM

That would include re-slicing the thing ._.;

Thanks~ but I guess I'll just wait for FT's layout ^^;

Dragonfree December 29th, 2005 8:48 PM

*points to edit* You don't really need many background images anyway...

pokejungle December 29th, 2005 8:55 PM

Yeah~ but it's fine. Everyone seems to be anti-this layout XD

Dragonfree December 29th, 2005 10:26 PM

Heh, I know. Just for future reference. :P

pokejungle December 30th, 2005 7:06 AM

Thanks ;3 I'm actually getting a much better understanding of CSS and DIVs through working on this o_o Which is really good X3;

On my PaulHQ layout, putting padding on the right navbar would cause the text on the right NB to drop down to the height of the copyright ... any clue as to why? O_o;

aRedMoon December 30th, 2005 7:51 AM

Did it mess up a fixed width or something?

pokejungle December 30th, 2005 7:52 AM

Hmm...it might've. That was probably it XD

...oops...

aRedMoon December 30th, 2005 7:53 AM

Sigh, and there you have it.


Like the snow Paul? >.>;~

pokejungle December 30th, 2005 10:02 AM

Sorry Greg, really haven't worked with DIVs much before this week o_o; At least for entire layouts~

And yesh, I love the snow <3 In fact it's begun snowing again ^____^

Little Paul December 30th, 2005 10:31 AM

;~; I wish it would snow in Illinois, It was snowing until Christmas and then it just stopped =/ I <3 Sledding/Snowboarding.

usami December 30th, 2005 10:59 AM

Quote:

Originally Posted by JKaizer
Watch out FT or you'll be swamped with layouts like poor Matt was. :(

I didn't get that many requests. <_<
Just, one was more than enough for me. kthx.

One more day left until doom 2006!

I should call Robo Cruela now, since I'm always trying to find something corny to call him. :D!

pokejungle December 30th, 2005 11:33 AM

Robocop is corny XD

So...today is the second to last day of 2005. In a way that really depresses me ._.; It went by so quick~!

Little Paul December 30th, 2005 11:41 AM

Isn't tomorrow the last day~

Today is Dec. 30.

pokejungle December 30th, 2005 11:48 AM

No one said today was the last day o_o; There was a "one more day until 2006" and a "today's the second to last day until 2006" but no dice on last day~

usami December 30th, 2005 11:52 AM

Quote:

Originally Posted by Katsuro
Robocop is corny XD

So...today is the second to last day of 2005. In a way that really depresses me ._.; It went by so quick~!

Yes, but that didn't annoy him as much it seemed.
I think Cruela would annoy him much more.

♫ Cruella Devile, Cruella Devile, if she doesn't scare you, no evil thing will. ♫

Little Paul December 30th, 2005 2:18 PM

I've noticed that almost every pokemon site, always has a ending. They end either by: Closing for some weird reason, Getting Hacked, or Just not paying for the domain. The only sites that have been up and hasn't closed for a while is probably Serebii.net, PPN.net, and Suta-Raito.com =/.

pokejungle December 30th, 2005 2:20 PM

Eh~ except for this downtime PJN's been around since like 2002.

Thomas December 30th, 2005 2:29 PM

Grr...I don't wan't to close but I can't find the time between school and friends. Then my brother deletes all my crap. I just need to find another person to help me out.

Little Paul December 30th, 2005 2:35 PM

I didn't mean downtime I meant the whole site would close -_-.

Thomas December 30th, 2005 2:38 PM

I haven't noticed that, except with myself. Of course I don't really notice the small small sites...only the big ones. Like what ones have closed down recently?

Dragonfree December 30th, 2005 2:45 PM

The Cave of Dragonflies has been steadily up and active since November 2002, too, and the way things are going now it's not getting closed anytime soon. :P

Little Paul December 30th, 2005 2:54 PM

Quote:

Originally Posted by Tomasu-san
I haven't noticed that, except with myself. Of course I don't really notice the small small sites...only the big ones. Like what ones have closed down recently?

PokeHQ, You, and some others~ I can't really think :(

pokejungle December 30th, 2005 5:09 PM

Is there any way I can make links in a certain table cell different from the other link colors on a website~?

._.;

Thomas December 30th, 2005 5:13 PM

Yikes forport you exceeded your bandwidth...I thought you said you had unlimited.

WidowMaker December 30th, 2005 5:33 PM

Quote:

Originally Posted by D-C
I've noticed that almost every pokemon site, always has a ending. They end either by: Closing for some weird reason, Getting Hacked, or Just not paying for the domain. The only sites that have been up and hasn't closed for a while is probably Serebii.net, PPN.net, and Suta-Raito.com =/.

I'm already thinking about closing PKFan..

usami December 30th, 2005 5:37 PM

Quote:

Originally Posted by Katsuro
Is there any way I can make links in a certain table cell different from the other link colors on a website~?

._.;

Yes, but I suck at explaining, but I'll try my best:

In the css you add something like:
Code:

.table1 a:visited {color : #dc6202; text-decoration : none;}
.table1 a:link {color : #dc6202; text-decoration : none;}
.table1 a:hover{color : #bf1701; text-decoration : underline;}


I used "table1" as an example.
In the area where you want it you'd add something like:
HTML Code:

<div class="table1">
<a href="blah.php">Blah</a>
</div>


You could probably also put it inside the <td> like <td class="table1"> I'm not sure though...
That should work.. unless I type something wrong. <_<
Well, I mean, thats how I did it on my site. :/

Little Paul December 30th, 2005 5:57 PM

Quote:

Originally Posted by Tomasu-san
Yikes forport you exceeded your bandwidth...I thought you said you had unlimited.

Not on forport.com only on forportcity.net ;P

pokejungle December 30th, 2005 6:38 PM

I'll try that Matt...

*tries*

Not working =/ I set class on teh td to nav like I wanted and what the CSS was, but no dice ._.;

usami December 30th, 2005 6:54 PM

Quote:

Originally Posted by Katsuro
I'll try that Matt...

*tries*

Not working =/ I set class on teh td to nav like I wanted and what the CSS was, but no dice ._.;

Thats strange, I just tried it here and it worked. o_O;;

pokejungle December 30th, 2005 7:15 PM

Hmmmm o_o;

http://shamanking.paulhq.com <- maybe I'm doing something wrong. Please evaluate my source D:

usami December 30th, 2005 7:22 PM

Quote:

Originally Posted by Katsuro
Hmmmm o_o;

http://shamanking.paulhq.com <- maybe I'm doing something wrong. Please evaluate my source D:

I'm getting an error when I try to veiw it:
Quote:

Server not found

Firefox can't find the server at www.shamanking.paulhq.com.

* Check the address for typing errors such as
ww.example.com instead of www.example.com

* If you are unable to load any pages, check your computer's network
connection.

* If your computer or network is protected by a firewall or proxy, make sure
that Firefox is permitted to access the Web.
Sigh, this seems to be happening alot lately.

pokejungle December 30th, 2005 8:00 PM

XD Wrong link~ and it worked, I made a stupid error ^^"

I'm feeling really stupid today ._.; must be a blonde day for me~

http://shamanfight.paulhq.com <- Linky, but everything's good now ^^;

usami December 30th, 2005 8:04 PM

Quote:

Originally Posted by Katsuro
XD Wrong link~ and it worked, I made a stupid error ^^"

I'm feeling really stupid today ._.; must be a blonde day for me~

http://shamanfight.paulhq.com <- Linky, but everything's good now ^^;

It looks like it's working to me. o_O

Little Paul December 30th, 2005 8:08 PM

Yah, It looks like it's working for me also. One side is white (left) one side is blue (right).

pokejungle December 30th, 2005 8:16 PM

Quote:

and it worked, I made a stupid error ^^"
....

Quote:

but everything's good now ^^;

Yeah~ I kinda said everything was good now =P Layout's pretty dumb, but it's pretty temporary ;_;

usami December 30th, 2005 8:21 PM

Quote:

Originally Posted by Katsuro


....




Yeah~ I kinda said everything was good now =P Layout's pretty dumb, but it's pretty temporary ;_;

Oh, lol, sorry. XD
I totally did not notice you said that. o_O;

aRedMoon December 30th, 2005 8:22 PM

I HATE SNOW.

Anyways, there is a much easier way you know~

Here, from PN. You just do <a href="blah.php" class="nav"> or whatever.
Code:

a.nav { color: #000000; text-decoration: none }
a.nav:link { color: #000000; text-decoration: none }
a.nav:visited { color: #000000; text-decoration: none }
a.nav:active { color: #000000; text-decoration: none }
a.nav:hover { color: #000000; text-decoration: none }

a { color: #000000; text-decoration: none }
a:link { color: #000000; text-decoration: underline }
a:visited { color: #000000; text-decoration: underline }
a:active { color: #000000; text-decoration: underline }
a:hover { color: #000000; text-decoration: underline }



pokejungle December 30th, 2005 8:30 PM

For my application, .nav a:link worked better actually XD Because since I'm using specific td's, it's easier than classing each link.

So this is working fine ATM. But thanks ;3

aRedMoon December 30th, 2005 8:37 PM

Works better when you're doing lots of different ones and want to be able to hide some links in the content, or make them look different for each page, and stuff like that. :3

Little Paul December 30th, 2005 9:07 PM

I'm working on a neopet site ;3....I already manage 3 sites, this will be my 4th XD.

aRedMoon December 30th, 2005 9:44 PM

You're gonna be too much like me and JA Paul :P

WidowMaker December 30th, 2005 10:25 PM

How does everybody like this banner I'm making for PJN's new layout?

Banner

Thomas December 30th, 2005 10:28 PM

Quote:

Originally Posted by D-C
I'm working on a neopet site ;3....I already manage 3 sites, this will be my 4th XD.

I am currently managing zero sites...which I need to find a site topic I can commit to XD

aRedMoon December 30th, 2005 10:31 PM

Help out on PV :D I could use some people to help out~

FT: NICE! :D That'll be a nice look for PJN

Thomas December 30th, 2005 10:32 PM

Yeah I could do that, just tell me what to do...I still have like a week left of responsibility free vacation.

aRedMoon December 30th, 2005 10:33 PM

I don't really care~ Do what you want. :D

Thomas December 30th, 2005 10:36 PM

Ok that tells me a lot XD...*goes off to see what PV does not have*

aRedMoon December 30th, 2005 10:37 PM

I find it annoying when people say "You must do this >O" so I don't put those limitations on others~

If you see something that PV doesn't have, anyone is welcome to write it up. I really don't care. ^^;

usami December 30th, 2005 10:40 PM

Quote:

Originally Posted by D-C
I'm working on a neopet site ;3....I already manage 3 sites, this will be my 4th XD.

Didn't you already have a Neopet site...?

Quote:

How does everybody like this banner I'm making for PJN's new layout?

Banner
That looks nice, though I think the Brendan picture is a little odd looking.. why does he only have one leg? o.O

aRedMoon December 30th, 2005 10:42 PM

...I just noticed that. o_O

The cut-out overall is a little fuzzy...

WidowMaker December 30th, 2005 10:46 PM

The 'fuzzy' effect was because when I cut away the white background, it left annoying white edges around the sides.

Also about the leg, if you look, there are two legs but they're both together. You can see the other shorts leg behind his knee.


All times are GMT -8. The time now is 12:37 PM.


Like our Facebook Page Follow us on Twitter © 2002 - 2018 The PokéCommunity™, pokecommunity.com.
Pokémon characters and images belong to The Pokémon Company International and Nintendo. This website is in no way affiliated with or endorsed by Nintendo, Creatures, GAMEFREAK, The Pokémon Company or The Pokémon Company International. We just love Pokémon.
All forum styles, their images (unless noted otherwise) and site designs are © 2002 - 2016 The PokéCommunity / PokéCommunity.com.
PokéCommunity™ is a trademark of The PokéCommunity. All rights reserved. Sponsor advertisements do not imply our endorsement of that product or service. User generated content remains the property of its creator.

Acknowledgements
Use of PokéCommunity Assets
vB Optimise by DragonByte Technologies Ltd © 2023.