PDA

View Full Version : resolution, bg, & coding questions


syntex
April 9th, 2005, 08:31
hello I am a noob and would like to know how to put a bg like this site:
http://www.animesuki.com/ *edit* green bg on the side just to clarify not the one in the torrent section - only on the side its sort of dark green colour

Also Id like to code my websites with similar dimensions as that site - so that when in 800x600 there are no verticall scroling needed AND also whats the vertical dimensions needed so that there needs no vertical scroling?

I am going to apply all the said above things onto my website which is done the design phase but now needs to go into the sorting phase of how big it should be
http://www.arr.flashlevelhost.info/shiko/
*notice there is a larger rectangle and circle for the content, which i am going to put a vertical scrol in as needed thats why i dont want the main page to scrol - i want the main page to stay in place while i can only scrol the content boxes

Now heres my problem with coding - I have tried inserting a CSS into the content area, but when i type my content if it gets too big, the slices gets pushed out insted of a vertical scrol bar appearing - I think i did everything right I have set the CSS using dreamweaver to the following:
http://www.arr.flashlevelhost.info/Pictures/dreamweaver_help1.JPG

Here is the problem graphically <notice how the content area gets pushed out>:
http://www.arr.flashlevelhost.info/Pictures/dreamweaver_help2.JPG


I am better as using Iframes - but then i dont know how to insert one into a closed off content box area - such as this site much help appreciated sorry haveing so many question :D
ryza
April 24th, 2005, 11:12
theres a few ways you can use background colors;
commonly done with CSS but heres some html examples'


<!-- changes color of entire page -->
<body bgcolor=green>


<!-- changes color of entire table -->
<table bgcolor=green>



<!-- changes color of table part-->
<td bgcolor=green>



optionally with all of the above you can use an image instead

background=image.gif



as for the resolutions.; traditionally people use 800x600
but nowadays we have all different sized monitors! so i personally use %

examples:

<table width=90%>
<table width=600>

so no matter what resulotion you use the table will be 90% of the page.

so if you have a site with a menu in the left:
then you can have your left column set to pixel sized and the larger part of a table taking up the rest of your % size.




final example (and heres what it looks like:)
http://www.deluxnetwork.com/downloads/freewebspace/html/colors_tables.html

<table width=90% height=100% align=center cellpadding=0 cellspacing=1 bgcolor=#000000>
<tr>
<td width=170 bgcolor=green valign=top><FONT SIZE="2" COLOR="white"><B>left part of site</B></FONT></td>
<td bgcolor=#ffffff valign=top>main page area</td>
</tr>
</td>
</table>