HabboRing Layout - Coded!

Had some free time -

Coded a HabboRing Layout :)

The bottom bar is mucked up in FF but I cba fixing atm - Classwork :rolleyes:

Live preview: http://habbtastic.net/freestuff/layouts/habboring7/
Download: http://habbtastic.net/freestuff/layouts/habboring7/habboring7.zip

I'll get around to fixing later unless someone else does it before me, then I'll upload fixed file.

ANYWAYS
Enjoy :D

PLEASE NOTE: I DO NOT TAKE CREDIT FOR DESIGN - ONLY CODED! KTY

I coded that one when i was a noob css coder lol :P

Hi,
Nice of you coding this layout. Helps most of the people who can't design and/or code themselves.
But there are a few problems.
1. Try adding margin-top: 10px; to the banner, because it's up at the top, and will look better if it's with margin-top: 10px; ;)
2. Add a background. Try adding habbo's grey normal background.
3. As said, the navigations go over the containers. Try adding:

Quote:

---

#css {
clear: both;
overflow: hidden;
}

---

That should work.
3. You need to add padding to the middle box. The text it up at the top.

Good luck editing =)

Quote:

---

Originally Posted by Meti

Hi,
Nice of you coding this layout. Helps most of the people who can't design and/or code themselves.
But there are a few problems.
1. Try adding margin-top: 10px; to the banner, because it's up at the top, and will look better if it's with margin-top: 10px; ;)
2. Add a background. Try adding habbo's grey normal background.
3. As said, the navigations go over the containers. Try adding:
That should work.
3. You need to add padding to the middle box. The text it up at the top.

Good luck editing =)

---

*Cough*
http://www.habboxforum.com/showthread.php?t=535215

Nice of you doing this, habboring is great to practice coding on. As Meti said there are a ... few errors xD

Quote:

---

Originally Posted by Meti

Hi,
Nice of you coding this layout. Helps most of the people who can't design and/or code themselves.
But there are a few problems.
1. Try adding margin-top: 10px; to the banner, because it's up at the top, and will look better if it's with margin-top: 10px; ;)
2. Add a background. Try adding habbo's grey normal background.
3. As said, the navigations go over the containers. Try adding:
That should work.
3. You need to add padding to the middle box. The text it up at the top.

Good luck editing =)

---

Thanks mate! :)

Quote:

---

Originally Posted by Pazza

*Cough*
http://www.habboxforum.com/showthread.php?t=535215

Nice of you doing this, habboring is great to practice coding on. As Meti said there are a ... few errors xD

---

Yup... What's with the thread link?

Looks completely off in Opera :S

Why does everyone code this layout when they're learning?! Even I did.

Quote:

---

Originally Posted by iUnknown

Why does everyone code this layout when they're learning?! Even I did.

---

First layout i did :P

Quote:

---

Originally Posted by HabbDance

Looks completely off in Opera :S

---

I don't code to make compatible with non-leading browsers. IE + FF.

How about Safari.

Quote:

---

Originally Posted by Jaysun

How about Safari.

---

Nty. HAHA

Quote:

---

Originally Posted by Pazza

*Cough*
http://www.habboxforum.com/showthread.php?t=535215

Nice of you doing this, habboring is great to practice coding on. As Meti said there are a ... few errors xD

---

What's wrong with the layout I coded? :S

Quote:

---

Originally Posted by Meti

What's wrong with the layout I coded? :S

---

Cos thats got errors too :)

I can't see any errors with it?
Post a screenie of the error you get?