Wrox Home  
Search P2P Archive for: Go

  Return to Index  

html_code_clinic thread: Style Sheets


Message #1 by BigFtChuck@a... on Tue, 19 Jun 2001 11:56:06 EDT
You are thinking CSS, and that's good.  But I think you need to examine 
what the scope of abilities of CSS are.  You want to manipulate a table, 
so here are the options that I see offhand...

*You can position a table through the use of a CSS; relative or absolute 
(e.g. 200 left, 100 down)
*You can position specific images to take the burden off of the table 
itself.  i.e. position the 3 images in such a way it "appears" to be 
tabled.
*You can script the positioning through JavaScript
*You can use in-line CSS, and put that coding for positioning in the page 
itself.

That's the list of options I see, and of course there may be more.  I 
think if you are trying to keep it simple, position the table through 
CSS.  Remember the table isn't within CSS, but if you write a table, div 
it, and name it with the correct #position, it will appear anywhere you 
want...  

And for the "I know I'll get a 'well, duh' question"...  no frames?  Just 
seems like a page setup best served by them, and fewer headaches.  Just 
MHO.

Best of luck,

Mat Chavez
swiftpage.com




> Ok, here's my problem:
> I've created a page using tables. 
> Within the tables, there are images that i want to use as my navigation 
bars and headers of the different pages.  
> I want to convert this into a style sheet so that the center part of my 
page is actual content and on the sides 
> (top and left) are the images which display the nav images and page 
headers.  
> This way i can apply the CSS to any of the other pages.  
> Is it possible to create a style sheet with the images intact in a table 
like i have it?
> here's my code
> 
> 
> <html>
> <head>
> <meta NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
> <title></title>
> </head>
> <body>
> 
> <p>
> <table align="left" border="0" frame="void" cellPadding="0" 
cellSpacing="0" width="100%">
>   
>   <tr>
>     <td width="30%"><img src="images/top%20page%20icon3.jpg"></td>
>     <td width="30%"><img src="images/home.jpg"></td>
>     <td width="30%" align="right" valign="top"><img src="images/Quick%
20Guide.jpg"></td></tr>
>   <tr>
>     <td><img height="500" src="images/leftnavbar.jpg" width="125"></td>
>   </tr>
> </table>
> </p>
> 
> </body>
> </html>
> 
> so in essence... can i put all that into a style sheet? if so how? 
> thanks for you help
> Julius
> 
> 

  Return to Index