Shii-chan
Senshi
Random Advice: Try your best not to fall in love.
Posts: 106
|
Post by Shii-chan on Dec 16, 2007 15:05:10 GMT -5
I've been wanting to make an Ichigo Mashimaro fan site for a long time, and this is my first time using html. I wanted to make my own div layout so I viewed a Komettail tutorial on how to make div design. I followed everything in the tutorial but my bg doesn't want to repeat. Um.....heres the link: www.freewebs.com/ichigodelights/characters.htmHere's the CSS Please tell me if I did anything wrong!
|
|
Amy-Chan
Dream Mirror
Water is a thing that flows!
????#??? ??????????? ?
Posts: 6,182
|
Post by Amy-Chan on Dec 16, 2007 19:36:32 GMT -5
to get you background appearing, simple change body { background-image: ichigodelightsbg.png; background-color: #FFFFFF; background-repeat: repeat-y; }
to body { background-image: url(ichigodelightsbg.png); background-color: #FFFFFF; background-repeat: repeat-y; }
that should be you fixed for that
|
|
Shii-chan
Senshi
Random Advice: Try your best not to fall in love.
Posts: 106
|
Post by Shii-chan on Dec 16, 2007 23:15:55 GMT -5
Sorry still doesn't work. -___-;
|
|
Amy-Chan
Dream Mirror
Water is a thing that flows!
????#??? ??????????? ?
Posts: 6,182
|
Post by Amy-Chan on Dec 16, 2007 23:51:00 GMT -5
strange, it worked on IE 7, but not firefox when i checked... i'll have to check that more closely.
|
|
Amy-Chan
Dream Mirror
Water is a thing that flows!
????#??? ??????????? ?
Posts: 6,182
|
Post by Amy-Chan on Dec 17, 2007 4:12:34 GMT -5
ok this works on my firefox and IE, i changed it slightly, but previously it was the cursor : crosshair; that messed firefox up
<html> <head> <title>♥Ichigo Delights♥</title> <style type="text/css"> A:link { text-decoration: none; } A:visited { text-decoration: none; color:# } A:hover { text-decoration:none; color:#FFFFFF; }
body, td { scrollbar-arrow-color: #751395; scrollbar-darkshadow-color: #FAF8FD; scrollbar-track-color: #FAF8FD; scrollbar-face-color: #FAE6FF; scrollbar-shadow-color: #751395; scrollbar-highlight-color: #751395; scrollbar-3dlight-color: #FAF8FD; font-family: verdana; font-size: 11px; } body { background-image: url(ichigodelightsbg.png); background-color: #FFFFFF; background-repeat: repeat-y; left: 0px; top: 0px; padding: 0px; margin: 0px; }
#image { position: absolute; background-repeat: repeat-y; left: 0px; top: 0px; }
#content { position: absolute; left: 70px; top: 600px; width: auto; padding-left: 21px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }
#navigation { position: absolute; left: 888px; top: 270px; width: auto; padding-top: 20px; padding-bottom: 10px; } </style> </head> <body> <div id="image"> <img src="characters_files/ichigodelightslayout.png" height="841" width="1139"> </div> <div id="content"> <h2>Characters</h2> <br /> <a href="http://photobucket.com/" target="_blank"> <img src="characters_files/chikacropped.png" alt="" border="0"> </a> <br /> <br /> Name: Chika Age: 12 </div> <div id="navigation"> <h2>Section</h2> <a href="#">link</a><br> <a href="#">link</a><br> <a href="#">link</a><br> <a href="#">link</a><br> <a href="#">link</a> <h2>Section</h2> <a href="#">link</a><br> <a href="#">link</a><br> <a href="#">link</a><br> <a href="#">link</a><br> <a href="#">link</a> <h2>Section</h2> <a href="#">link</a><br> <a href="#">link</a><br> <a href="#">link</a><br> <a href="#">link</a><br> <a href="#">link</a> </div> </body> </html>
|
|
Shii-chan
Senshi
Random Advice: Try your best not to fall in love.
Posts: 106
|
Post by Shii-chan on Dec 17, 2007 18:22:07 GMT -5
It works now, thank you so much ^___^
BTW, I'm probably going to open the site sometime in January. I'll let you guys know.
|
|
Amy-Chan
Dream Mirror
Water is a thing that flows!
????#??? ??????????? ?
Posts: 6,182
|
Post by Amy-Chan on Dec 17, 2007 19:10:07 GMT -5
you're welcome
|
|