[Guide] How to code expandble divs

Quote:

---

Originally Posted by 2fast2kwl

ive fixed it and tried to add cutenews to it but this happens

go look

http://graphicsx.ulmb.com/index.php

---

Sorry but I don't exactly understand , what would you like to be changed/done on the page?

You've inserted a table into the div, that just ruins it. (N)

Quote:

---

Originally Posted by Minor

You've inserted a table into the div, that just ruins it. (N)

---

I dont see a table?

well i took it out ..i wish to insert a cutenews script thing but it messes everything up please help

Quote:

---

Originally Posted by 2fast2kwl

well i took it out ..i wish to insert a cutenews script thing but it messes everything up please help

---

Just insert the php into the middle of the div.

HTML Code:

---

<div id="container">
  <div id="top"></div>
  <div id="mid">
<?php
cutenews php goes here
?>
</div>
  <div id="bot"></div>
</div>

---

Quote:

---

Originally Posted by Tom743

Just insert the php into the middle of the div.

HTML Code:

---

<div id="container">
  <div id="top"></div>
  <div id="mid">
<?php
cutenews php goes here
?>
</div>
  <div id="bot"></div>
</div>

---

---

Don't forget the CSS ;)

Amazing thread Shane. I didn't have a clue how to do coding until I read this, must have taken a long time and no reward, just like your moderating eh.

Anyway, hopefully you'll get paid work soon, you're better than other people I've seen and they're raking in the galleons. :)

Wow. Truly an AMAZING guide.

Thanks!

Oh wow , almost 55,000 views and yet there's only 90 replies? :(

Wheres this other tutorial u said u would make!! =]

Quote:

---

Originally Posted by today

Wheres this other tutorial u said u would make!! =]

---

I did write most off it up but I gave up with it as Icba with it and tbh I would be wasting my time writing up an extremely long tutorial which I will gain nothing out off and other people will most likely start making money from what I teach them so it's kinda pointless for me :(

great tut thanks :)

Wow, close enough to 55,000 thread views, didn't think the guide will get this many views ^^.

It is sticked...

It's been moved now :'(

I don't think it's good when it is in this section. It is a tutorial, but no-one will notice this int his section :(

Quote:

---

Originally Posted by Meti

I don't think it's good when it is in this section. It is a tutorial, but no-one will notice this int his section :(

---

Well that's there own fault but this sub-forum has been made for a reason you dong.

Edited by Meti (Forum Moderator): Please don't be rude.

Quote:

---

Originally Posted by Stepheen

Well that's there own fault but this sub-forum has been made for a reason you dong.

---

What's my fault?

This thread has been stickied in the D&D section since the day I made this thread, it only got moved here recently.

Quote:

---

Originally Posted by Stepheen

Well that's there own fault but this sub-forum has been made for a reason you dong.

---

Don't call meti or --ss-- a dong, as they have more experience, and talent then you will ever have.
[I'm not saying I at all compare to them :)]

Along with that, if you are going to try "flaming" someone, use correct spelling. It wouldn't be "that's there own fault.." it would be "that's their own fault". Two totally different words.

Quote:

---

Originally Posted by --ss--

What's my fault?

This thread has been stickied in the D&D section since the day I made this thread, it only got moved here recently.

---

Nothings your fault, I was talking about the people that don't search before posting a thread. (aka Meti :])

Quote:

---

Originally Posted by Cushioned

Don't call meti or --ss-- a dong, as they have more experience, and talent then you will ever have.
[I'm not saying I at all compare to them :)]

Along with that, if you are going to try "flaming" someone, use correct spelling. It wouldn't be "that's there own fault.." it would be "that's their own fault". Two totally different words.

---

Maybe not as -ss- but I know for a fact i'm WAYYY better than Meti. Also, i wasn't flaming, i was implying so you're the dong here :]

My box is aligned to the left of my page instead of the center.

I've used this as my CSS:

Code:

---

<style type="text/css">
<!--
body {
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
  text-align: center;
  background-color: #ffffff;
  margin-top: 5px;
  margin: auto;
}
#container {
  width: 390px;
}
#header {
  background: url(header.gif);
  height: 11px;
}
#body {
  background: url(body.gif);
}
#footer {
  background: url(footer.gif);
  height: 10px;
}
-->
</style>

---

Does anyone know why?

Sorry - out of edit time
Also

If I want to make an entire layout using this, would I just use like

Code:

---

<div align="left" id="container">
<div id="header"></div>
  <div id="body"><?php include ("test.txt") ?> </div>
  <div id="footer"></div></div>
  <div align="centre" id="main">
  <div id="header"></div>
  <div id="body"><?php include ("test.txt") ?> </div>
  <div id="footer"></div></div>
  <div align="right" id="container2">
  <div id="header"></div>
  <div id="body"><?php include ("test.txt") ?> </div>
  <div id="footer"></div></div>

---

Quote:

---

Originally Posted by Thai-Man-Land

My box is aligned to the left of my page instead of the center.

I've used this as my CSS:

Code:

---

<style type="text/css">
<!--
body {
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
  text-align: center;
  background-color: #ffffff;
  margin-top: 5px;
  margin: auto;
}
#container {
  width: 390px;
}
#header {
  background: url(header.gif);
  height: 11px;
}
#body {
  background: url(body.gif);
}
#footer {
  background: url(footer.gif);
  height: 10px;
}
-->
</style>

---

Does anyone know why?

---

Add the following to your container div:

Code:

---

margin: auto;

---

To force it to the centre off the page.

And for your secound question, yes but there's a bit more to it than that, you'll have to use float tags to position things to left or right off the page ;).

When I get some cash I shall pay you to write me atut on this ;)

Quote:

---

Originally Posted by Stepheen

Nothings your fault, I was talking about the people that don't search before posting a thread. (aka Meti :])


Maybe not as -ss- but I know for a fact i'm WAYYY better than Meti. Also, i wasn't flaming, i was implying so you're the dong here :]

---

Why don't you shut up, acting like you're better than someone proves how crap you are.

Edited by Meti (Forum Moderator): Please don't be rude.

Quote:

---

Originally Posted by Calon

Why don't you shut up, acting like you're better than someone proves how crap you are.

---

But I am better than Meti. LMAO.

I need help :(

I can do it fine, but I have a speech bubble, and the bot part is obviously wider, so wot would the code be if the bottom is wider, top and mid are same size

Quote:

---

Originally Posted by Stepheen

Maybe not as -ss- but I know for a fact i'm WAYYY better than Meti. Also, i wasn't flaming, i was implying so you're the dong here :]

---

What can you do that is better than what I do?
I've never seen designs from you. Never seen codings from you. I've just read how stupid you are, and you're posting pointless on the forum. You can't say that you're better than me, when I've never seen anything from you? :S

Quote:

---

Originally Posted by Stepheen

But I am better than Meti. LMAO.

---

Why won't you show us anything you've done then?

Quote:

---

Originally Posted by Meti

What can you do that is better than what I do?
I've never seen designs from you. Never seen codings from you. I've just read how stupid you are, and you're posting pointless on the forum. You can't say that you're better than me, when I've never seen anything from you? :S


Why won't you show us anything you've done then?

---

You can't even position divs so don't talk about whos the better coder when you can only code a banner.

Quote:

---

Originally Posted by Meti

What can you do that is better than what I do?
I've never seen designs from you. Never seen codings from you. I've just read how stupid you are, and you're posting pointless on the forum. You can't say that you're better than me, when I've never seen anything from you? :S


Why won't you show us anything you've done then?

---

*Removed*


Edited by ,Jess, (Forum Super Moderator): Please do not be rude or avoid the forum filter.

Quote:

---

Originally Posted by Stepheen

I don't need to prove anything to you, and half of your posts are pointless so please **** and gtfo

---

You can't talk about anything either, you're better than meti but not by much.

Great guide, following it was quite simple :] worked great too!

-Kevin

Thanks, this guide was amazing.

Quote:

---

Originally Posted by Excellent1

You can't even position divs so don't talk about whos the better coder when you can only code a banner.

---

I can do whole div layouts. Watch my latest coding. The Valid HTML and CSS Habbo Layout I gave out for free (Designing & Development)

Really easy, just add floats. If you want left, you add float: left;
etc etc.

Banners are also easy.

#header {
background-image: url(images/header.gif);
width: 900px;
height: 150px;
margin-top: 0px;
}

can't be easier ;)

Quote:

---

Originally Posted by Stepheen

I don't need to prove anything to you, and half of your posts are pointless so please **** and gtfo

---

How come I don't get infracted/cautioned like you..?

Brilliant tut!

I've given up with coding layouts now, too boring and takes too long without me benefiting so i'm gunna move onto something else.
I'm happy to write another tutorial on anything else but i'm not too sure on what to do it on, so if you've got a specific request then post it :).

Why quit coding?
You don't have to do it free..
Take pay :)

Too boring, cba :P.

boring?
You're one of the best coders on this forum :P

If you don't want to code, take away the coding experience from your head, and fill it in to other peoples heads :P

Quote:

---

Originally Posted by --ss--

I've given up with coding layouts now, too boring and takes too long without me benefiting so i'm gunna move onto something else.
I'm happy to write another tutorial on anything else but i'm not too sure on what to do it on, so if you've got a specific request then post it :).

---

Javascript

Woo.