12 Replies - 1586 Views - Last Post: 30 December 2010 - 07:19 PM

#1 evil160  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 41
  • Joined: 30-November 10

cant figure out how to put spaces between webpage objects

Posted 29 December 2010 - 01:46 PM

For the final summative assignment of my grade 12 computer science course i need to work on a webpage to display information of a volleyball game and i cannot figure out how to put spaces above or below objects on the webpage. I am aware that this is likely a very noob question, but i am fairly new to html so please have mercy >.<

This post has been edited by evil160: 29 December 2010 - 01:47 PM


Is This A Good Question/Topic? 0
  • +

Replies To: cant figure out how to put spaces between webpage objects

#2 EnvXOwner  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 357
  • View blog
  • Posts: 2,319
  • Joined: 10-August 09

Re: cant figure out how to put spaces between webpage objects

Posted 29 December 2010 - 01:57 PM

View Postevil160, on 29 December 2010 - 02:46 PM, said:

For the final summative assignment of my grade 12 computer science course i need to work on a webpage to display information of a volleyball game and i cannot figure out how to put spaces above or below objects on the webpage. I am aware that this is likely a very noob question, but i am fairly new to html so please have mercy >.<

What's you code for this so far? have you tried: <br /> after the object? You can use padding in CSS.

This post has been edited by EnvXOwner: 29 December 2010 - 01:58 PM

Was This Post Helpful? 1
  • +
  • -

#3 evil160  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 41
  • Joined: 30-November 10

Re: cant figure out how to put spaces between webpage objects

Posted 29 December 2010 - 02:09 PM

thats exactly what i was looking for xD thank you!
Was This Post Helpful? 0
  • +
  • -

#4 EnvXOwner  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 357
  • View blog
  • Posts: 2,319
  • Joined: 10-August 09

Re: cant figure out how to put spaces between webpage objects

Posted 29 December 2010 - 02:51 PM

View Postevil160, on 29 December 2010 - 03:09 PM, said:

thats exactly what i was looking for xD thank you!

Your welcome! If I helped please up my rep! no advertising intended.
Was This Post Helpful? 0
  • +
  • -

#5 evil160  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 41
  • Joined: 30-November 10

Re: cant figure out how to put spaces between webpage objects

Posted 29 December 2010 - 05:30 PM

rather than creating new threads, i will use this one for any other questions i may have. Another question i have is how to play multiple objects(such as tables) on the same line but on different areas of the page(such as one on the left, one in the center, etc)
Was This Post Helpful? 0
  • +
  • -

#6 EnvXOwner  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 357
  • View blog
  • Posts: 2,319
  • Joined: 10-August 09

Re: cant figure out how to put spaces between webpage objects

Posted 29 December 2010 - 05:33 PM

Are you using tables to position elements? If you are you need to stop. You can use position in CSS and make something like:
#object
{
position: absolute;
top: 50px;
right: 50px;
}
You can read more about positioning here. I hope that this helps :)
Was This Post Helpful? 0
  • +
  • -

#7 EnvXOwner  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 357
  • View blog
  • Posts: 2,319
  • Joined: 10-August 09

Re: cant figure out how to put spaces between webpage objects

Posted 29 December 2010 - 05:42 PM

If you're new to web development I suggest you take a look at some tutorials on here, w3schools.com, and YouTube can also be a great resource!
Was This Post Helpful? 0
  • +
  • -

#8 evil160  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 41
  • Joined: 30-November 10

Re: cant figure out how to put spaces between webpage objects

Posted 29 December 2010 - 05:54 PM

the webpage is for the school volleyball team.The tables are to display player informations such as positions and name, number of serves, number of blocks, number of outs etc

This post has been edited by evil160: 29 December 2010 - 05:56 PM

Was This Post Helpful? 0
  • +
  • -

#9 EnvXOwner  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 357
  • View blog
  • Posts: 2,319
  • Joined: 10-August 09

Re: cant figure out how to put spaces between webpage objects

Posted 29 December 2010 - 05:55 PM

View Postevil160, on 29 December 2010 - 06:54 PM, said:

the webpage is for the school volleyball team.The tables are to display are player informations such as positions and name, number of serves, number of blocks, number of outs etc

Ah I see. Then it's okay to use tables for that. Is the position in CSS what you're looking for?
Was This Post Helpful? 0
  • +
  • -

#10 evil160  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 41
  • Joined: 30-November 10

Re: cant figure out how to put spaces between webpage objects

Posted 29 December 2010 - 06:09 PM

View PostEnvXOwner, on 29 December 2010 - 04:55 PM, said:

View Postevil160, on 29 December 2010 - 06:54 PM, said:

the webpage is for the school volleyball team.The tables are to display are player informations such as positions and name, number of serves, number of blocks, number of outs etc

Ah I see. Then it's okay to use tables for that. Is the position in CSS what you're looking for?

i know how to set the position in CSS, but i cant get two charts to be on opposite ends of a page and be on the same line as each other.
Was This Post Helpful? 0
  • +
  • -

#11 EnvXOwner  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 357
  • View blog
  • Posts: 2,319
  • Joined: 10-August 09

Re: cant figure out how to put spaces between webpage objects

Posted 29 December 2010 - 06:22 PM

View Postevil160, on 29 December 2010 - 07:09 PM, said:

View PostEnvXOwner, on 29 December 2010 - 04:55 PM, said:

View Postevil160, on 29 December 2010 - 06:54 PM, said:

the webpage is for the school volleyball team.The tables are to display are player informations such as positions and name, number of serves, number of blocks, number of outs etc

Ah I see. Then it's okay to use tables for that. Is the position in CSS what you're looking for?

i know how to set the position in CSS, but i cant get two charts to be on opposite ends of a page and be on the same line as each other.

It's really hard to help if I can't see your code.
Was This Post Helpful? 0
  • +
  • -

#12 evil160  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 41
  • Joined: 30-November 10

Re: cant figure out how to put spaces between webpage objects

Posted 30 December 2010 - 06:20 PM

here is what i have

<html>
<head>
<script>
	<!--
	/*
	Auto Refresh Page with Time script
	By Javascript Kit (javascriptkit.com)
	Over 200+ free scripts here!
	*/
	//enter refresh time in "minutes:seconds" Minutes should range from 0 to inifinity. Seconds should range from 0 to 59
	var limit="0:30"
	if (document.images){
		var parselimit=limit.split(":")
		parselimit=parselimit[0]*60+parselimit[1]*1
	}
	function beginrefresh(){
		if (!document.images)
			return
		if (parselimit==1)
			window.location.reload()
		else{ 
			parselimit-=1
			curmin=Math.floor(parselimit/60)
			cursec=parselimit%60
		if (curmin!=0)
			curtime=curmin+" minutes and "+cursec+" seconds left until page refresh!"
		else
			curtime=cursec+" seconds left until page refresh!"
			window.status=curtime
			setTimeout("beginrefresh()",1000)
		}
	}
	window.onload=beginrefresh
	//-->
</script>
<style type="text/css">
<!--
#Score {
	text-align: center;
}
#Active_Chart_Label {
	text-align: center;
	font-weight: bold;
	font-style: italic;
}
#Game_Stats {
	font-weight: bold;
	font-style: italic;
}
#test {
	text-align: right;
}
-->
</style>
</head>
<body>
<p id="Score">Frontenac: 0 Visitor: 0 </p>
<p id="Game_Stats">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Game Stats</p>
<table width="238" border="3" cellpadding="1" cellspacing="5">
  <tr>
    <th width="32" scope="row">&nbsp;</th>
    <td width="85">Frontenac</td>
    <td width="83">Visitor</td>
  </tr>
  <tr>
    <th scope="row">Serves</th>
    <td>0</td>
    <td>0</td>
  </tr>
  <tr>
    <th scope="row">Passes</th>
    <td>0</td>
    <td>0</td>
  </tr>
  <tr>
    <th scope="row">Spikes</th>
    <td>0</td>
    <td>0</td>
  </tr>
  <tr>
    <th scope="row">Outs</th>
    <td>0</td>
    <td>0</td>
  </tr>
  <tr>
    <th scope="row">Blocks</th>
    <td>0</td>
    <td>0</td>
  </tr>
  <tr>
    <th scope="row">Digs</th>
    <td>0</td>
    <td>0</td>
  </tr>
</table>
<p id="Active_Chart_Label"> Frontenac Players </p>
<table width="549" border="3" align="center" cellpadding="1" cellspacing="5" id="player table">
  <tr>
    <th width="58" scope="row">Position:</th>
    <td width="56">Opposite</td>
    <td width="45">Outide Hitter</td>
    <td width="92">Middle Blocker/Libero</td>
    <td width="36">Setter</td>
    <td width="61">Right Side Hitter</td>
    <td width="59">Middle Blocker</td>
  </tr>
  <tr>
    <th scope="row">Player:</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td id="Player Table">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

</body>
</html>


Was This Post Helpful? 0
  • +
  • -

#13 EnvXOwner  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 357
  • View blog
  • Posts: 2,319
  • Joined: 10-August 09

Re: cant figure out how to put spaces between webpage objects

Posted 30 December 2010 - 07:19 PM

First you need a doctype. Then give your tables ids. Then make the first one float: left; in CSS and the other one float: right; in CSS.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1