HTML and CSS

How to make up the blank?

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Apr 2005

Posts: 32

Reputation: steven01 is an unknown quantity at this point

Solved Threads: 0

steven01

Offline

Light Poster

How to make up the blank?

Dec 29th, 2005

I use a script to generate some contennent at my site,but the left of the page is blank.How to make up it?

•

Join Date: Dec 2004

Posts: 1,655

Reputation: tgreer is an unknown quantity at this point

Solved Threads: 35

tgreer

Offline

Made Her Cry

Re: How to make up the blank?

Dec 29th, 2005

Your question, as asked, is impossible to answer. You've left us too much to guess. What kind of script? What kind of content? Is this a CSS question relating to placement of HTML elements? Margins? Padding? Centering? Or are you asking for suggestions as to what kind of generic content you could place on your site? What does "make up it" mean?

Last edited by tgreer; Feb 3rd, 2006 at 4:19 pm.

•

Join Date: Apr 2005

Posts: 32

Reputation: steven01 is an unknown quantity at this point

Solved Threads: 0

steven01

Offline

Light Poster

Re: How to make up the blank?

Dec 29th, 2005

this is the script:

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<script type="text/javascript"
   src="http://xmlheadlines.com/?a=get_content&id=54&category_template_id=50&style_template_id=45">
</script>
<script type="text/javascript"
   src="http://xmlheadlines.com/?a=get_content&id=54&category_template_id=50&style_template_id=45">
</script>

It generates some content, but the page's right is blank. I want to add some content at the right.

•

Join Date: Dec 2004

Posts: 1,655

Reputation: tgreer is an unknown quantity at this point

Solved Threads: 35

tgreer

Offline

Made Her Cry

Re: How to make up the blank?

Dec 29th, 2005

You still haven't given us enough information to give you a meaningful answer.

You can add content to your web pages by writing HTML. You can position that content, to the left, or the right, with CSS.

What content do you want to add? How? Where? When? I just don't understand what you're asking.

•

Join Date: Apr 2005

Posts: 32

Reputation: steven01 is an unknown quantity at this point

Solved Threads: 0

steven01

Offline

Light Poster

Re: How to make up the blank?

Dec 29th, 2005

I'm just a begainner

Is it possible also add contennent supplied by script to make up the blank?

•

Join Date: Dec 2004

Posts: 1,655

Reputation: tgreer is an unknown quantity at this point

Solved Threads: 35

tgreer

Offline

Made Her Cry

Re: How to make up the blank?

Dec 29th, 2005

Ok, I think I'm understanding now.

The way to create a page with two separate "content sections" is to arrange the content into separate block-level elements.

You can do this with a TABLE, or with DIV elements.

A DIV looks like:

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<div id="leftSide">
Place whatever HTML you want here, 
including scripts that generate content.
</div>
 
<div id="rightSide">
Place whatever HTML you want here, 
including scripts that generate content.
</div>
<div id="leftSide">
Place whatever HTML you want here, 
including scripts that generate content.
</div>

<div id="rightSide">
Place whatever HTML you want here, 
including scripts that generate content.
</div>

Normally, the second DIV would display below the first DIV. You can change this behavior with CSS. The CSS attribute you'd use would be "float".

Here is a complete, though very simplistic, example:

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<html>
<head>
<style type="text/css">
.left
{
  float:left;
  width:250px;
}
.right
{
  float:right;
  width:250px;
}
</style>
</head>
 
<body>
 
 
<div id="leftSide" class="left">
Place whatever HTML you want here, 
including scripts that generate content.
</div>
 
<div id="rightSide" class="right">
Place whatever HTML you want here, 
including scripts that generate content.
</div>
 
</body>
</html>
<html>
<head>
<style type="text/css">
.left
{
  float:left;
  width:250px;
}
.right
{
  float:right;
  width:250px;
}
</style>
</head>

<body>


<div id="leftSide" class="left">
Place whatever HTML you want here, 
including scripts that generate content.
</div>

<div id="rightSide" class="right">
Place whatever HTML you want here, 
including scripts that generate content.
</div>

</body>
</html>

You should tinker with this, look up the CSS "float" attributes, understand what they do, as well as the other CSS properties (such as "width"). Learn the difference between CSS "class" definitions and "id" definitions.