Solved

Can I make a page background only go once down or across the page?

Posted on 2003-11-13
10
322 Views
Last Modified: 2013-12-24
I have a framed page.
In the top frame is our logo and some text in a graphic which I have inserted in that area.
The problem is that I need some navigation buttons up there too and if I try to insert additional graphics (fancy looking buttons) I disrupt the setting of the other graphic.
I tried adding a java menu up there but it scews the image too.
I thought about putting the logo graphic as a background and then be able to add addional graphics on top of it. This might work but the logo graphic is put accross the top multiple times (as backgrounds will do if they don't quite fit)
Any thoughts on my problem and how I can fix this to do what I need?
0
Comment
Question by:rbender
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 6
  • 4
10 Comments
 
LVL 31

Expert Comment

by:seanpowell
ID: 9738956
You can use the CSS no-repeat attribute on your background image in the top frame:

<style type="text/css">
<!--
body {background-image: url(images/bg1.gif); background-repeat: no-repeat;}
/* Setting the body tag with a background-image attribute
set to background-repeat: no-repeat; will only display the image one time
(repeat is the default setting) */
-->
</style>

Thanks,
GM
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 9738966
...this is the full list:

background-repeat: repeat
The image is repeated both horizontally and vertically.

background-repeat: repeat-x
The image is repeated horizontally only.

background-repeat: repeat-y
The image is repeated vertically only.

background-repeat: no-repeat
The image is not repeated: only one copy of the image is drawn.
0
 

Author Comment

by:rbender
ID: 9739059
seanpowell
I have tried to put you code into the frame html on my page with no luck.
Not too swift with HTML ediiting.
Sorta rely on FrontPage to do most of that.
Is there a FP setting on the graphic or frame that will do the same thing?
0
NEW Veeam Agent for Microsoft Windows

Backup and recover physical and cloud-based servers and workstations, as well as endpoint devices that belong to remote users. Avoid downtime and data loss quickly and easily for Windows-based physical or public cloud-based workloads!

 
LVL 31

Expert Comment

by:seanpowell
ID: 9739083
If you can post the code form the top frame, I can edit it here for you...
0
 

Author Comment

by:rbender
ID: 9739088
<html>

<head>
<script language="JavaScript1.2">
      var ace_path = '';
</script>
<script language="JavaScript" src="acemenu_loader.js">
</script>

<script language="JavaScript" src="nav_temp.js">
</script>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 3</title>
<base target="rbottom">
</head>

<body>
<script language="JavaScript">
      ACEDisplayMenu();
</script>


<script language="JavaScript">ACECreateMenu();onload=ACELoadMenu;</script>
<p><img border="0" src="RecipeiBanner.gif" width="670" height="87"></p>
</body>

</html>
0
 

Author Comment

by:rbender
ID: 9739094
Sorry...with the Background image it is:


<html>

<head>
<script language="JavaScript1.2">
      var ace_path = '';
</script>
<script language="JavaScript" src="acemenu_loader.js">
</script>

<script language="JavaScript" src="nav_temp.js">
</script>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 3</title>
<base target="rbottom">
</head>

<body background="RecipeiBanner.gif">
<script language="JavaScript">
      ACEDisplayMenu();
</script>


<script language="JavaScript">ACECreateMenu();onload=ACELoadMenu;</script>
<p>&nbsp;</p>
</body>

</html>
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 9739115
In FP:

With the top frame open in Page View.

Format > Style.
Scroll to the body tag, select it, and click Modify.
On the Modify Format Dialog Box:
Click Format > Border and select the Shading Tab.
Under Patterns, browse to your logo image as the Background Picture.
Use the Repeat drop-down and select no-repeat. Click Okay.
0
 
LVL 31

Accepted Solution

by:
seanpowell earned 30 total points
ID: 9739122
So your code is now:

<html>

<head>
<script language="JavaScript1.2">
     var ace_path = '';
</script>
<script language="JavaScript" src="acemenu_loader.js">
</script>

<script language="JavaScript" src="nav_temp.js">
</script>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 3</title>
<base target="rbottom">
<style type="text/css">
<!--
body {background-image: url(RecipeiBanner.gif); background-repeat: no-repeat;}
-->
</style>
</head>

<body>
<script language="JavaScript">
     ACEDisplayMenu();
</script>


<script language="JavaScript">ACECreateMenu();onload=ACELoadMenu;</script>
<p>&nbsp;</p>
</body>

</html>
0
 

Author Comment

by:rbender
ID: 9739142
that's it..
wonderful.
Thanks
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 9739149
You're welcome!
0

Featured Post

Visualize your virtual and backup environments

Create well-organized and polished visualizations of your virtual and backup environments when planning VMware vSphere, Microsoft Hyper-V or Veeam deployments. It helps you to gain better visibility and valuable business insights.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Turn A Profile Picture Into A Cartoon Using Photoshop And Illustrator This tutorial will teach you how to make a cartoon style image out of a regular picture. I have tried to keep the tutorial as simple as possible. I used Adobe CS4 for this tuto…
Introduction In this tutorial, I'll explain how to create an animated progress meter in a wireframe prototype developed using Axure RP 7.0 - a leading prototyping tool for designing web sites and software. (For more information about Axure and gett…
The purpose of this video is to demonstrate how to properly insert a Vimeo Video into a WordPress site or Blog. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp…
The purpose of this video is to demonstrate how to integrate Mailchimp with Facebook. This will be demonstrated using a Windows 8 PC. Mailchimp and Facebook will be used. Log into your Mailchimp account. : Click on your name. Go to Account Setti…

735 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question