What is the most efficient...

def1 · Nov 1, 2005

what is the most efficient way of adding text to this template

http://bumrecords.net/designs/rough.jpg

the empty space at the left hand top will be used for text. I will be adding a layer for it but for now I just want to figure out the best way. Im thinking of using flash but then I dont really want that. Someone suggested frames but I have never used frames. But what is the best thing to do.

Rowan W · Nov 1, 2005

I'm not exactly sure what you mean. Do you just want the text to scroll while everything else stays where it is?

def1 · Nov 1, 2005

yes basicly, I just dont want the images to get broken or anything like that

Rowan W · Nov 1, 2005

Don't bother cutting up the image, just keep it as a single background image and put the text over the top (except for the navigation), like so:

Code:

  <style type="text/css">
  #container {
     background-image:url(images/background.gif);
     background-repeat:no-repeat;
     background-color:#eccba8;
     width:760px;
     height:600px;
  }
  #content {
     width:400px;
     height:300px;
     overflow:auto;
  }
  </style>
 </head>
<body>

<div id="container">
  <div id="content">
    content and stuff
  </div>
</div>
<div id="navigation><a href="#">yep</a></div>

Work with that and see how it goes.

def1 · Nov 1, 2005

thanks for the help, much appreciated

Rowan W · Nov 2, 2005

No worries.

What is the most efficient...

Established Member

Established Member

Established Member

Established Member

Established Member

Established Member

relate.io

Answers.To

Wizard.io

Uma.co

NexUp.com

Conscious.co

GwinnetCounty.com

ArcadeLab.com

Proclivity.com

Whoops.com

Similar threads

We're social

relate.io

Answers.To

Wizard.io

Uma.co

NexUp.com

Conscious.co

GwinnetCounty.com

ArcadeLab.com

Proclivity.com

Whoops.com

Pinned

Appreciation

Preference

Appreciation

Upvoting

Agreement

Answers

Decisions

Relevance

Reaction

Facial expressions

Vocal expressions

Status

Workflow

Clarification

Feeling

Sympathy