• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 238
  • Last Modified:

This is a simple one (i think!!!!)

I have a background made in A4 page in corel draw. It has a figure of a house in the center and a column in the right side.
My problem is that when i put that image as a background in frontpage the size is exagerated and it repeat's it self.
What size shoul'd the image have and what shoul'd i do for making it appear only once.
0
ElvasLion
Asked:
ElvasLion
  • 4
  • 3
1 Solution
 
MaDdUCKCommented:
If you use it as a background, this 'tiling' will always happen. Your best bet is as follows:

Put all of your page into a table like this:

<html>
.
<body>
<div align="center">
<table border="0" width="**WDITH**" height="**HEIGHT**" background="**IMAGE**">
<tr><td>

your page goes here.

</td></tr>
</table>
</div>
</body>
</html>

this will make sure your image shows exactly once and all of it.
substitute the variables **WIDTH** *HEIGHT** and **IMAGE** appropriately.

Note: A4 is large compared to a monitor. My suggestion is to crop of resize the image to fit within 640x480 pixels at the most. Since the text can run all over the image, most people won't be able to see it all at once...

any questions?
\\MaDdUCK
0
 
ElvasLionAuthor Commented:
before i grade your answer, i must tell you that what i really wanted is the size that a background shoul'd have.
You have to explain better what your solution does and by the way i woul'd like very much if you gave me an adress of page that you made.
Do that and i will give you the points ok?
0
 
MaDdUCKCommented:
check out http://www.madduck.ml.org/creativity/trancyberia.html

I used this method there to ensure that the whole background grafix is displayed exactly once.

this is all you can do in HTML...there is no way to prevent tiling (multiple pictures next to each other if browser window size exceeds image size).

MaD dUCK
0
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
ElvasLionAuthor Commented:
I Know that i already graded your answer, but i woul'd still like u to tell me how can i do it in frontpage.
thanks anyway
0
 
MaDdUCKCommented:
will get to this sometime over thanksgiving weekend...
0
 
ElvasLionAuthor Commented:
thank's
0
 
MaDdUCKCommented:
sorry, took me so long

here is what to do:

create a new table in frontpage with 1 row and 1 column. select the table and choose row properties. Set the row height to the image height (in pixels). then, select column properties and set the column width to the width of the picture in pixels. now select the table and in its properties choose center alignment. also, set border width to 0. This should do it all. finally, enter the link to your picture in the table background field and you are set. Alternatively, you can simply cut and paste the above html code (after modification) into the html source of your page. have fun.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now