|
|
Posted by Jonathan N. Little on 04/05/07 14:00
jason.gladstone@gmail.com wrote:
> Hello,
>
> I put together a web site to sell t-shirts (as if there could be a
> more cliche web site) and I am having problems with the border. There
> is a border that wraps around the context on each page. These are
> little images that are resized (either using img width or img height)
> to display the correct image size.
>
> I have the border running under two grayed out tabs which are each
> 90px (table cellpadding, cellspacing, and border are all 0) and the
> border is 180 pixels. This works fine on other resolutions but I when
> i view it through a computer that has a resolution of 1680 x 1050, it
> appears that the 180px border will only render to 179px leaving a gap
> in the border. I don't understand why it is doing this.
>
> The web page is http://www.fratalog.com/index.aspx
First of all if you want 160x200 thumbnails then resample your images to
160x200. Don't constrain with HTML attributes WIDTH and HEIGHT. What
ever editor you are using will be much better at reducing the image and
making it sharp that your browser and it will not waste bandwidth with
bloated images.
Next all your images have the same ID. Big no-no.
Next your are using XHTML but have syntax problems because if it. If you
do not need/understand XHTML use HTML.
Next whatever WYSIWYG editor is bloating your markup with deprecated
markup and inline styles, go to htmldog.com and learn a little about
more modern ways of constructing a page and save yourself some grief:
All the repeated
<table cellpadding="0" cellspacing="0" border="0" ...
can be styled
TABLE { border-collapse: collapse; border: 0; }
All the repeated
<td><span id="rptItems_ctl00_lblColor"
style="display:inline-block;font-family:Verdana;font-size:10pt;width:155px;">kelly
green</span></td></tr>
CSS classes can simplify greatly.
Lastly, change your displayed font size and see what happens to your
pixel-perfect positioned design! In Firefox just upping the font once
and your page explodes. Try to design with more flexible containers.
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
[Back to original message]
|