Coding in expandables

Iv'e looked online,

Iv'e learnt html css and a bit of javascript but I still am not sure how you code in expandables, any links to tutorials would be useful

Expandable whats?
Divs or iframes? Exandable iframes require javascript (most people get of dynamic drive) and expandable divs require that you don't use fixed size images.

expandable divs sorry

http://www.habboxforum.com/showthread.php?t=453923 :eusa_whis

Quote:

---

Originally Posted by --ss--

http://www.habboxforum.com/showthread.php?t=453923 :eusa_whis

---

Yeah, but you only really need to make images of the corners and use borders and background-color for the rest in the example of yours.

You can't use a border to create the edges of what he's done.

That tutorial is good and with a bit of common sense and logic you can built that into a more complex layout.

Quote:

---

Originally Posted by L?KE

You can't use a border to create the edges of what he's done.

---

You can.

HTML Code:

---

<style>
div.border
{
background-image: url(leftcorner.jpg);
}
div.border div
{
border-width: 1px 0px 0px 0px;
background-color: #000000;
}
div.border div div
{
background-image: url(rightcorner.jpg);
}
</style>
<div class="border"><div><div></div></div></div>

---

http://www.habboxforum.com/showthread.php?t=515762:eusa_whis

Quote:

---

Originally Posted by Jxhn

You can.

HTML Code:

---

<style>
div.border
{
background-image: url(leftcorner.jpg);
}
div.border div
{
border-width: 1px 0px 0px 0px;
background-color: #000000;
}
div.border div div
{
background-image: url(rightcorner.jpg);
}
</style>
<div class="border"><div><div></div></div></div>

---

---

That's just complicating things and making it messy.
The example is for a general box, sure you could do it your way with corners but not going to be much use when it comes to more complicated boxes.

Quote:

---

Originally Posted by --ss--

That's just complicating things and making it messy.
The example is for a general box, sure you could do it your way with corners but not going to be much use when it comes to more complicated boxes.

---

It means it can extend both ways rather than just one and should reduce load times.