PDA

View Full Version : what's happening?

Ria Annette
03-22-2003, 06:02 PM
okay i made my first ever layout..

i did html using notepad..i only put the head, title, body,and the background image..i linked the bg to my hard drive because i dont have a site yet..i opened my saved html..and i see my layout on ie..but the scrollbar is locked..so i couldnt see the bottom and part of my iframe..what's wrong with my layout?
MaGiCSuN
03-22-2003, 06:30 PM
Can you post the html you are using now? thanks

Love,
Mirna
Ria Annette
03-22-2003, 06:39 PM
<html><head><title>Bright Pearl</title></head>
<body>
<body background="D:\ria\webpage\bg.jpg">
</body>
</html>
MaGiCSuN
03-22-2003, 07:03 PM
change it to:

<html><head><title>Bright Pearl</title></head>
<body background="D:\ria\webpage\bg.jpg">
</body>
</html>

You had 2 <body> tags :) also if there is no scrollbar now, that's because you have no content in the code above. When you add content that is larger then your screen a scrollbar must appear :)

when you upload this make sure you change the background link to the real link, otherwise you will be the only person that will see the background

Love,
Mirna
Ria Annette
03-22-2003, 07:34 PM
well what i mean is i couldnt see some parts of my layout
MaGiCSuN
03-22-2003, 07:38 PM
well i don't really understand :S is background image your layout? if so, you need to add content to the page in order to let the 'scrollbar' appear so you can see the whole layout.

if this is not the problem, then what are your html codes for the content then? thanks :)

Love,
Mirna
Ria Annette
03-22-2003, 07:46 PM
ohh but what if im gonna have an iframe? it's gonna have its own scrollbar right? so i still wont see the scrollbar of my whole layout?
MaGiCSuN
03-22-2003, 08:06 PM
If the iframe has a bigger size (in height) then the actual screensize then the scrollbar will appear.

and since your layout is bigger i'm sure you add some text to the bottom of it or position the iframe like that to let the scrollbar appear.

If you want the scrollbar to appear then just add this:

<img src="bg.jpg" border=0 height=# width=#>

and change # to numbers of the actual sizes. Then you position everything with div's so it comes on top of the layout. Now you will see the scrollbar.

see these threads about absolute positioning with div's:

http://www.lissaexplains.com/forum/search.php?action=showresults&searchid=56663&sortby=lastpost&sortorder=descending

these are really handy, because you can position anything on your page on any spot

Love,
Mirna
Ria Annette
03-22-2003, 08:12 PM
uh huh i added text on the bottom..should i delete that or something? it's blurry so it's okay for me to delete it. and now the scrollbar appeared coz u of the code u gave me but the layout is repeating.
MaGiCSuN
03-22-2003, 08:15 PM
i mean text in html, not on the graphic itself :)
Ria Annette
03-22-2003, 08:21 PM
so how do i stop the background from repeating? thanks..and i still could see the right part of my layout..
Ria Annette
03-22-2003, 08:30 PM
ohh i actually now i could see the right side of my layout..but it repeats a little bit at the right side and at the bottom now
Ria Annette
03-25-2003, 10:07 PM
what should i do?
fruitcake
03-26-2003, 04:21 AM
Add in your background by css:

<style type=text/css>
body {
background-color: #FFFFFF;
background-image: url(bg.jpg);
background-repeat: no-repeat;
background-position: top right;
background-attachment: fixed }
</style>

Be sure to keep your image file name in the () brackets.
The no-repeat will get rid of that right and bottom part you were talking about.
And 'fixed' will keep it inplace when you scroll [usful in the iframe] if you want it to scroll, just replace it with 'scroll' :)
oh, this goes in the head by the way! I forgot to mention that