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

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
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.
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.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>
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.
Want to hide these adverts? Register an account for free!