12.09.2015 Views

Boot Camp

Web Authoring Boot Camp - StudioBast

Web Authoring Boot Camp - StudioBast

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Web Authoring <strong>Boot</strong> <strong>Camp</strong><br />

Get my banner or other background image to show up because only part of it does?<br />

The background image in a table and td tag only shows up if there is other content inside<br />

the tags to push the cell “open”. If you don’t plan to put text in there, you can:<br />

Add style=”padding-top:____px;” or<br />

Add a few or &nbsp; tags to push down a bit.<br />

Keep my text or images from being squashed against the side of a table cell?<br />

You can use style=”padding-left:____;” and/or style=”padding-right:____;”<br />

Keep one of my table columns (usually the right-hand one) from dropping down below<br />

the rest of the table?<br />

Ah. . . if you have chosen a fixed-width table and calculated the widths of the columns,<br />

and have added margin measurements, you have actually added extra width on top of<br />

your calculated columns. Remember that your column widths and margin additions must<br />

together equal the width of the fixed width table.<br />

Get rid of the spacing around my table cells so my borders fit seamlessly?<br />

You need to do this inside the opening table tag by using the border-collapse option: <br />

Note: your table can still have a border - the border-collapse simple affects the build-in<br />

spacing around table cells ().<br />

Change the font family and/or size through the whole web page?<br />

You can do this in the body tag: <br />

266

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!