Tech Support Guy banner
Status
Not open for further replies.

Spacing help

10K views 169 replies 6 participants last post by  sepala 
#1 ·
Hello,

First of all I would like to thank everyone here and I love the site. You guys are all awesome and very smart. I finally made an account because I just started a new website and I am very new to most of it.

I have been a firefighter for over 25 years now and building a website has always been a dream of mine. I save lives often and it is very rewarding but a website has always been a dream of mine.

Anyway to the details.

I am making a free flash game website. I have build the whole thing in notepad by doing a lot of research and studying. I can not seem to make side bars or boxes or anything to make my site look clean and neat.

Most of the more popular free flash games websites are very neat and organized with sidebars and boxes with the games boxed very nicely.

I turn to you guys for some help with this. I will listen to any and all advise.

My website is
http://www.freegamingkingdom.com

Thank you again guys and I hope to have it fully operational by the summer before I go back to my 24 hour shifts.

Stay safe,
John
 
See less See more
#2 ·
Hi,
welcome to TSG

Code:
<html>

<h1>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="642" height="100" id="banner.swf" align="middle">
    <param name="allowScriptAccess" value="sameDomain">
    <param name="movie" value="Untitled.swf">
    <param name="quality" value="high">
    <param name="bgcolor" value="#ffffff">
    <embed src="[URL="http://forums.techguy.org/view-source:http://www.freegamingkingdom.com/banner.swf"]banner.swf[/URL]" quality="high" bgcolor="#ffffff" width="642" height="100" name="banner.swf" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>
</h1>

<head>
This is wrong. The second part in HTML document could be . You can't put Heading before .
Why you entered that flash object inside the
??
is for text Headings, it doesn't mean you can put flash headings inside that.

Code:
<font color=blue>
Font Color tags are outdated, and that part has taken from the CSS(It doesn't mean you MUST NOT use that tag).

You want to set that GAMES table to the center right? If it is use correct CSS for the Game table container DIV, or use Dreamweaver and you will be able to drag that DIV to the correct place.

You haven't closed the table. Close it using [/TABLE].
 
#3 ·
That site has good games.. I like that. If you need any help, just ask.
 
#6 ·
I do not have a CSS file. I have done everything in notepad. Is there anything I can do to fix the spacing?
Before we can help you for the rest, you should correct the mistakes I mentioned, because they are the very basics... In your scripts and HTML, you have ignored lots of standards..First fix the errors I mentioned, then we can talk about the standards and more.
 
#7 ·
There's nothing wrong with putting a Flash file within the
but Sepala's right - the element should be first. The essence of a HTML document is:

Code:
<html>

<head>
<!-- things that go in the head like links to stylesheet, meta info, the <title> element, etc -->
</head>

<body>
<!-- this is where your <h1> should be, along with the rest of the page -->
</body>

</html>
I noticed you don't even have a tag, which is a fairly huge thing to miss out... do what Ehymel says and use this: http://validator.w3.org/.

Also, have you looked into the copyright on those games as you're hosting them yourself?
 
#8 ·
There's nothing wrong with putting a Flash file within the


It works, but it doesn't mean it is correct. H1 is for Text Headings. Putting a flash object inside
will not change anything. So, it is useless.

Also, have you looked into the copyright on those games as you're hosting them yourself?
mmmm....Ya, these games are belongs to other sites, and those are not downloadable.
 
#10 ·
It works, but it doesn't mean it is correct. H1 is for Text Headings. Putting a flash object inside
will not change anything. So, it is useless.

mmmm....Ya, these games are belongs to other sites, and those are not downloadable.


Would have to wonder where the games came from, but your coding is really a mess....
 
#11 ·
I will work on the website a little later today. I have to visit my mom in the hospital. I appreciate the help and I hope you can guide me to a successful site.
Of course we will. Just let us know after fixing those bugs.
 
#12 ·
One thing missing is the Document Type declaration,,, should go the very very first thing.... The closing tag for Head is after the opening tag for Body, and I didn't see a closing tag for the body. Here is a doctype you should insert just to start.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

A lot of my pages I hand code in XHTML 1.0 Strict so I think the HTML 4.01 transitional would be the easiest for you. Didn't note any hints of Hotlinking, but siteowners can see that if they catch onto it.... I keep track of my server logs for page errors and of course hotlinking, but I have enough room in bandwith/data transfer to avoid that issue.
 
#13 ·
One thing missing is the Document Type declaration,,, should go the very very first thing.... The closing tag for Head is after the opening tag for Body, and I didn't see a closing tag for the body. Here is a doctype you should insert just to start.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Yes. This is needed but not mandatory, but adding them is really really good. Anyway this part is XHTML. And there is another part to come, and that is

Anyway, if you don't understand this, then don't worry about it.
 
#15 ·
Yes. This is needed but not mandatory, but adding them is really really good. Anyway this part is XHTML. And there is another part to come, and that is

Anyway, if you don't understand this, then don't worry about it.
True, it displays fine, if it aint broke, don't fix it...

Respects,

Steve
aks Rotary Steve
 
#16 ·
Steve,

I am having trouble finding the time to fix my index. I have been on double shifts (back to back 24 hour shifts). The damn city seems to be burning down!

I added that doc type, but can you tell me how I can get it more neater looking? I do not have a lot of time lately. Any work you do would be much appreciated.

Thank you,
John
 
#17 ·
What you have to do is, change the positions of your game icon divs using CSS.
 
#21 ·
No problem. You can add CSS into that index.html by adding this part into your tags. Write CSS inside that. you need to use CSS POSITION. That's it.
 
#22 ·
I did this. What can I do to move the ads over to make it look compact?

Code:
<html>


<h1>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="642" height="100" id="banner.swf" align="middle">
    <param name="allowScriptAccess" value="sameDomain">
    <param name="movie" value="Untitled.swf">
    <param name="quality" value="high">
    <param name="bgcolor" value="#ffffff">
    <embed src="banner.swf" quality="high" bgcolor="#ffffff" width="642" height="100" name="banner.swf" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>
</h1>



<head>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-16142134-3']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>


<style type="text/css">
body
{
background-image:url('6.jpg');
background-repeat:repeat;
}
h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}
</style>
</head>
 
#23 ·
imagine you have a DIV called DIV1. If you want to move that, then what you have to do is this.

div.Div1 {
position:absolute;
left:400px;
top:106px;
width:354px;
height:221px;

}

This will arrange the left and right alignment of the DIV as well as the Height and the Width of it. As seen in this example, you have to move the divs you need.
 
#24 ·
Apart from that, make sure to correct the mistakes we mentioned before. Until you correct them, you may get unexpected results.
 
#25 ·
Should I put that inside the header tag or where my ad is?

Right now I have:

Code:
<div style="float:right;" align=right>
<script type="text/javascript"><!--
google_ad_client = "pub-3615767224235750";
/* 120x600, created 12/29/10 */
google_ad_slot = "6823812317";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
 
Status
Not open for further replies.
You have insufficient privileges to reply here.
Top