I am building a website and I was wondering how to make your banner at the top resize when the resolution is bigger or the window size is changed, is it done using html <DIV> tags ?
AnimeGalleries [dot] Net | AnimeWallpapers [dot] Com | AnimeLyrics [dot] Com | AnimePedia [dot] Com | AnimeGlobe [dot] Com |
I am building a website and I was wondering how to make your banner at the top resize when the resolution is bigger or the window size is changed, is it done using html <DIV> tags ?
Those who mind don't matter, & those who matter don't mind <3
There are many ways to achive this. You can use a normal <table> tag or a <div>, but also JavaScript (if you want to complicate stuff).
The TABLE would look something like this:
While the DIV would use a very similar approach:HTML Code:<table> <tbody> <tr> <td><img src="image1.jpg" alt="" /></td> <td style="width: 100%; background: url(image2.jpg)"></td> <td><img src="image3.jpg" alt="" /></td> </tr> </tbody> </table>
Hope this helps. ^_^HTML Code:<div style="width: 100%; background: url(image2.jpg)"> <img src="image1.jpg"> <img src="image3.jpg" style="float: right"> </div>
side note: to achieve this your banner must be composed with at least 2 separated images. Main and background. In AF case it uses 3 parts.
You shouldn't use the table tag for designing your website. CSS is always preferable.
Here is a nice, illustrated read on the subject: http://www.hotdesign.com/seybold/everything.html
Last edited by Eris; 11-29-2010 at 12:55 PM.
Hey look, Japan made a movie about me!
There are currently 1 users browsing this thread. (0 members and 1 guests)
Bookmarks