[Leonardo]

Leo, instead of assigning the same parameters to each element, you can define it once in the CSS at the top of your page.

Your Default:

Code: Select all

body{
   color: #333;
   font: 13px 'Lucida Grande', Verdana, sans-serif;
   background-image: url(images/back_fl.gif);
   background-color: #FFFFFF;
   background-repeat: repeat;
}

.style1 {
   background-color: #CCCCCC; font-family: Arial, Helvetica, sans-serif;
}

a:link {
   color: #000000;
}

a:visited {
   color: #FFFFFF;
}

.style3 {
   color: #FFFFFF
}

Changes:

Code: Select all

body {
   color: #333;
   font: 1em 'Lucida Grande', Verdana, sans-serif;
   background: white url(images/back_fl.gif) repeat;
}

p {
   text-align: justify;
}

a {
   border: none;
}

table {
   border: none;
   background-color: black;
}

img {
   border: none;
}

/* formerly .style1 */
.grey_box {
   font-family: Arial, Helvetica, sans-serif;
   background-color: #cccccc; 
}

/* formerly .style3 */
.white {
   color: white;
}

that sounds pretty good... but doesn't that means that I have to go and individualy erase all the extra coding on my tables !! that sounds like a lot of work

BTW... so people don't use tables any more? css is the go now?...

leo

[-Adrian]

BTW... so people don't use tables any more? css is the go now?...

They're actually still used a lot due to habit (and Microsoft hanging years behind in Browser technology before IE7) , but never the less CSS is the way to go for any website you make today. The good thing is, that unlike Flash, this technology actually makes things simpler, smaller, faster - it just has to be made use of.

The future plan (xhtml 2 and CSS3) is to get rid of all visual parameters in html pages, so that you return to using the basic elements only and arrange and style them in the background using your CSS file.

Code: Select all

<center>
<table width="333" border="0" bgcolor="#000000">
  <tr>

    <td>&nbsp;</td>
    <td>
<TABLE cellSpacing=0 cellPadding=0 width=1000 border=0>
  <tr>
    <td>
	<a href="../index.html"><IMG  BORDER=0 WIDTH=1000 HEIGHT=300 NAME="link0" ALT="Tere Schubert VR"></a>
  </td>
 </tr>
 <tr>

   <td>
     <p align="justify">&nbsp;</p>
     <p align="justify">&nbsp;</p>
     <p align="justify"><span class="style3"><strong>Have you ever heard of QTVRs?</strong> (QuickTime Virtual Reality). QTVR are 360 images converted in QuickTime files that allow people to experience photography in virtual reality. Look to the sides, up, or down and relive the moment as if you were there!       </span></p>
     <p align="justify" class="style3"><strong>How does it works:</strong> QTVRs are very intuitive, once you open the qtvr-image by clicking on the image, you navigate through the picture by clicking and dragging the mouse (that simple!). If you do not have QuickTime installed in your computer, you can still enjoy them by clicking in the Flash link.</p>
     <p align="justify">&nbsp; </p></td>

 </tr>
</table> etc....

would then become

Code: Select all

<a class="header" href="index.html" alt="header image" />

<p><strong>Have you ever heard of QTVRs?</strong> (QuickTime Virtual Reality). QTVR are 360 images converted in QuickTime files that allow people to experience photography in virtual reality. Look to the sides, up, or down and relive the moment as if you were there!</p>

<p><strong>How does it work:</strong> QTVRs are very intuitive, once you open the qtvr-image by clicking on the image, you navigate through the picture by clicking and dragging the mouse (that simple!). If you do not have QuickTime installed in your computer, you can still enjoy them by clicking in the Flash link.</p>

Allright then, sorry for the messing up the thread with screen-eating pastings, it's a messy topic

Consider it, but of course don't let it distract you if it's too much right now. Good luck with your page