Hi there

I've just joined this forum in the hope that someone can answer a couple of, no doubt, very basic questions, please..... (And big apologies if I'm inadvertently doing this in the wrong place or breaking any rules etc...)

 

I'm in the process of building a site, the bulk of which has been done for me and I'm just putting on the finishing touches and adding content. It's at ebta. co. uk

 

I'm coming up against two problems I can't find a fix to:

 

1) The text runs right up to the border on the right-hand side. Am I right in saying I need to add a white spacer image to prevent this? I've tried doing so and it doesn't seem to help. Whereabouts in the code do I put it and how?

 

2) Despite trying to anchor the background image to the top, it seems to migrate downwards with increasing amounts of text on the page. When it does so, it also puts a black line along the top of the image. How do I keep the image at the top and get rid of the horizontal line?

 

Many thanks in advance for any help....

 

Catherine

when u ask any question about code issue.. always post code or show a link..

Hi there

I've just joined this forum in the hope that someone can answer a couple of, no doubt, very basic questions, please..... (And big apologies if I'm inadvertently doing this in the wrong place or breaking any rules etc...)

 

I'm in the process of building a site, the bulk of which has been done for me and I'm just putting on the finishing touches and adding content. It's at ebta. co. uk

 

I'm coming up against two problems I can't find a fix to:

 

1) The text runs right up to the border on the right-hand side. Am I right in saying I need to add a white spacer image to prevent this? I've tried doing so and it doesn't seem to help. Whereabouts in the code do I put it and how?

 

2) Despite trying to anchor the background image to the top, it seems to migrate downwards with increasing amounts of text on the page. When it does so, it also puts a black line along the top of the image. How do I keep the image at the top and get rid of the horizontal line?

 

Many thanks in advance for any help....

 

Catherine

 

Hi Catherine,

 

To resolve your first issue, you could simply add some right padding to <font class="frontpage"> </font>, ensuring to make it a block-level element first so that the padding takes effect. Something like this:

 

.frontpage {
font-family: Verdana;
font-size: 16px;
line-height: normal;
color: #0D0D2A;
/* I've added these next two lines, change padding higher/lower accordingly */
padding-right: 30px; 
display: block;
}

 

For the background image issue, just fix the image to the bottom right of the table so that it never moves from that position, even when more text is added. Here is an example:

 

<td width="740" bgcolor="#FFFFFF" valign="top" background="images/george-new.jpg" style="background-position: bottom right;background-repeat: no-repeat;">

 

The border issue may be related to the image itself. Perhaps there's a border already on the image? If so, you could put it in to some image editing software and just crop the border at the top.

 

Lyndsey.

Yes, take a look at the CSS for Margin and Padding and Borders. It can look like this (px = pixels):

 

 

.text {

padding:0px 20px 0px 0px;

margin:0px 0px 0px 0px;

border:2px;

}

 

 

The above numbers correspond to the padding (or margin or border) in each direction, starting with Top then Right, Bottom, Left. Clockwise; If you get what I mean? If you put a single figure, it will use that for all the directions (like border in the above example).

 

Then in your HTML add class="text" into your <font> or <p> or <div> tag etc

 

<p class="text"> YOUR TEXT HERE </P>

Edited March 12, 201313 yr by AblazeRich

That's great, thank you. Need to look into the border issue a bit more but the two coding things are fixed.

 

(Apologies for lack of active link - I thought I'd read somewhere that newcomers were not supposed to use them, it did sound a bit impractical!)

(Apologies for lack of active link - I thought I'd read somewhere that newcomers were not supposed to use them, it did sound a bit impractical!)

You can type a url as text like w ww.mydomain.com by using a space in the www.

Hi there

Sorry to resurrect this thread but I'm still finding I have a problem with the background image having a solid black line above it. It doesn't seem to be part of the image - if I load it into powerpoint there is no border.

 

Could my very inexpert coding have created it somehow?

 

w ww. ebta. co. uk (sorry, it won't let me post a proper link)

 

Many thanks again

 

Catherine

The image does have a black line at the top, view it here: http://www.ebta.co.uk/images/george-new.jpg

 

Goodluck,

~evu.

 

Ed: To be a bit more helpful, use something like http://pixlr.com/editor/ to crop it from the top by a couple of pixels.

Edited March 28, 201313 yr by evu

Brilliant, thank you. Weird the way it didn't show up before but have fixed it now.