PDA

View Full Version : help!

until_tomorrowX
10-27-2004, 01:10 AM
http://home.comcast.net/~hunterhornets/index.html

thats my site, how do i center that?
kiara
10-27-2004, 01:38 AM
Not sure what you want to center but try this:

<html>
<head>
<title>Hunter Soccer</title>
</head>
<body>
<center>
<font face = "arial" font color = "black">
<body background="http://live.quizilla.com/user_images/L/luv2yew/1098836493_strips.JPG" bgcolor=; #000000 bgproperties="fixed">

<IFRAME name="inlineframe" src="http://home.comcast.net/~hunterhornets/index.html" width=200 height=200 marginwidth=0 marginheight=0 frameborder=0 scrolling=auto></IFRAME>

</center>
</body>


</html>
tedley
10-28-2004, 04:45 AM
http://home.comcast.net/~hunterhornets/index.html

thats my site, how do i center that?

There's all the info right here on Lissa's site to explain the correct ways to fix the things that are wrong with your page. For example, HERE (http://www.lissaexplains.com/html7.shtml) is one related tutorial. I can't make it REALLY right, off the top of my head anymore, but I still looked at your code and changed it some to work for me, and I added some helpful hints in there too... we both really should look some of these things up :idea: .

Below is the way I made it work for me;<html>

<head>

<title>Hunter Soccer</title>

</head>

<!-- /////////////////////////////////////////////////////////// -->
<!-- ////////// below is your body tag and some body tag properties have values specified, I point that out because you also had a plain "body" tag prior to this one and it was not needed ///////////////////////////////////////////////////////// -->
<!-- /////////////////////////////////////////////////////////// -->


<body background=http://live.quizilla.com/user_images/L/luv2yew/1098836493_strips.JPG bgproperties="fixed" color=#000000>

<!-- /////////////////////////////////////////////////////////////////// -->
<!-- //////////// below I kept seperate parts seperated cause it's easier to work with that way -->
<!-- /////////////////////////////////////////////////////////////////// -->

<center>

<img height=230px width=291px src="http://live.quizilla.com/user_images/L/luv2yew/1098914899_hornets_w_ball_1_.jpg">

<br><br>

<!-- ////////////////////////////////////////////////////////////////// -->
<!-- //////// in your "div" below, the reason it wasn't centered was because where it says "top:300; left:255;" you had the left# wrong... the lower the # the closer it will be to the left side so I changed that to 255 and it seems close to center on my screen now but it will not be centered on monitors of different sizes. /////////////////////////// -->
<!-- ///////////////////////////////////////////////////////////////// -->

<div id=layer1 style="position:absolute; top:300; left:255; width:491; height:630; z-index:1; padding:5px; border: yellow 6px solid; background-color:#FFFFFF; background-image:url(your pic here.jpg); layer-background-image:url(your pic here.gif);">

<!-- ///////////////////////////////////////////////////////////////// -->
<!-- /////// to use a font in a "div", I think you're supposed to use "div class=" but I'm foggy on that these days(the information is on lissa's site here somewhere) so I just did it "inline" style below, which is sorta the old/wrong way but anyway, stuff inside the "div" wasn't following the value(arial) of your body property(font face=) so I took it out of there... ///////////////////////////////////////////////////////// -->
<!-- //////////////////////////////////////////////////////////////// -->

<font face="arial"><b>Upcoming Events</b></font>

</div>

</center>

</body>

</html>