2
   

Sliced Images as Backgrounds

 
 
Reply Tue 2 Mar, 2004 01:48 pm
I am probably not giving it enough time, but I downloaded the trial version of Dreamweaver, stared at it (or a little more) over a weeks time, and dumped it - i know i know, bad sharia.. oh well..

Can I do this w/o the use of a program? Are there any tutorials out there in this area? I've looked and I keep coming up with slicing images in photoshop - i already know how to do that. I'm not trying to create an image map - that I know.

I'm trying to do something like this: check this...
This is the kind of effect I'm looking at creating you know???
  • Topic Stats
  • Top Replies
  • Link to this Topic
Type: Discussion • Score: 2 • Views: 2,081 • Replies: 10
No top replies

 
Craven de Kere
 
  1  
Reply Tue 2 Mar, 2004 02:07 pm
Sure you can, just learn a wee bit of CSS.

E.g.

Code:<html>

<head>
<style>
.background{background:url(images/backgroundimage.jpg) repeat-y}
</style>
</head>

<body>

<table>
<tr>
<td class="background">
text
</td>
<tr>
</table>

</body>
</html>


That is a table with a cell that has a definded CSS "class". In the header it has a CSS stylesheet telling it to use a background for that class and specifys it as an image background located in the image subdirectory (the path and image name can be changed).

Once you learn that, it's just a matter of making the image and placing it in the page through the CSS methods I outlined.

An even simpler way would be to just declare the image as a cell or table background.

Code:<table>
<tr>
<td background="images/background.gif">
 
</td>
</tr>
</table>


The body background can be done by CSS or in the body tag as well. There are many ways to do this without a program.
0 Replies
 
Craven de Kere
 
  1  
Reply Tue 2 Mar, 2004 02:07 pm
PS, I stared at dreamweaver for 30 seconds before I trashed it (or at least decided never to use it). Mr. Green
0 Replies
 
onyxelle
 
  1  
Reply Tue 2 Mar, 2004 07:06 pm
alright. Thanks CDK...I've found a great CSS beginner's tutorial....it's very beginners, and I have promised myself that I would not look ahead, so I'm not sure it specifically addresses my current question, but I'm so glad to have found it I don't even care!!!
0 Replies
 
Monger
 
  1  
Reply Tue 2 Mar, 2004 11:32 pm
You don't even need CSS to do it, just basic HTML. (Craven's 2nd example was plain HTML.) But IMO these days it's better to do as much as possible using CSS, so yeah good luck with your tutorial.
0 Replies
 
caprice
 
  1  
Reply Wed 3 Mar, 2004 12:47 am
Monger:

What's the deal with CSS anyway? I've encountered pages where I can't help think to myself they made it way more difficult than it had to be using CSS. They coulda used HTML with much less typing and get the same result. Now other stuff, perhaps a different story. So why is CSS the way to go? I've read that it's supposed to give you more overall control. Is this why you would advocate it?
0 Replies
 
Monger
 
  1  
Reply Wed 3 Mar, 2004 02:27 am
yeah. there are many advantages of using CSS over HTML for some aspects of design, e.g...

- it lets you edit many style properties in one central location
- it saves time by letting you quickly update page-wide design
- CSS can be loaded from an external file called by many pages, keeping your pages' code clean and making it easy to implement site-wide changes, while improving the overall load time of your site
- there are many effects you can do with CSS which can't be achieved through plain HTML
- it gives you better control over layout (layers, relative/absolute positioning, etc)
- often it saves you from typing repetitive formatting code (especially within tables & so forth)
- CSS elements can be changed dynamically using Javascript (mixing Javascript and CSS would be called DHTML)

Edit: Those are probably the biggest advantages for people who don't care too much about making sure to use good development practices.
0 Replies
 
Craven de Kere
 
  1  
Reply Wed 3 Mar, 2004 10:39 am
The main idea of CSS is to separate design from content and programming. There are a lot of good reasons to do so and Monger listed most of them.
0 Replies
 
onyxelle
 
  1  
Reply Wed 10 Mar, 2004 07:21 am
CSS is great! I'm using it now !!!! Still only hit the tip of the iceberg - but I'm seeing the potential!!!!!

if anyone reading this is still stuck in using html for both content and design, i urge you NOW...

stop it stop it stop it !!!!!
0 Replies
 
Monger
 
  1  
Reply Wed 10 Mar, 2004 07:44 am
Good on ya! Wink

Hey Ony, would you mind posting a link to the "great CSS beginner's tutorial" you found? A friend of mind asked for something like that today, & I wouldn't mind having a look over it myself. Thanks.
0 Replies
 
onyxelle
 
  1  
Reply Wed 10 Mar, 2004 11:25 am
Great CSS Beginner's guide

I also bought the book Cascading Style Sheets for Beginners.. check in the portal for it. It's an awesome tool.

I changed my whole page around from boring white background to something different now. I won't post a link here, because I don't wanna be getting in trouble lol, but if any one would like to see it, PM me. (btw, it's NOTHING special, i'm just proud to have done it all in code w/o an html editor lol)
0 Replies
 
 

Related Topics

Webdevelopment and hosting - Question by harisit2005
Showing an Ico File - Discussion by Brandon9000
how to earn money in internet - Discussion by rizwanaraj
The version 10 bug. Worse then Y2K! - Discussion by Nick Ashley
CSS Border style colors - Question by meesa
There is no Wisdom in Crowds - Discussion by ebrown p
THANK YOU CRAVEN AND NICK!!! - Discussion by dagmaraka
I'm the developer - Discussion by Nick Ashley
 
  1. Forums
  2. » Sliced Images as Backgrounds
Copyright © 2024 MadLab, LLC :: Terms of Service :: Privacy Policy :: Page generated in 8.22 seconds on 12/26/2024 at 12:47:19