without links my div seems to work fine. when i put in links IE seems to no longer follow the margin parameter of my div. firefox also rejects them but not until way further down the page.
i'm not sure what sort of problem this is. if it is a float problem or a div problem or what. i'm sort of new at all this.
any help would be great. spent hours on this already and come up with nothing.
duane smets
you can see what i'm looking at here <!-- m --><a class="postlink" href="http://www.theresolved.com/csssite/theologyphp.htm">http://www.theresolved.com/csssite/theologyphp.htm</a><!-- m -->
source code too long to post here.You have a very basic problem with your page -- you've shoved all your text into one paragraph, and then used breaks to force whitespace into it (pseudo-paragraphs). Every group of text on the page that you want to appear as a paragraph should be wrapped in open and close paragraph tags. Breaks should rarely (and purists might say "never") be used. A series of non-breaking space characters shouldn't be used. The "center" tag shouldn't be used. Heading tags should be used as appropriate.
As for the size of the page, you need to "chunk" the data into multiple pages. Instead of linking to various points in the one page, link to different pages.thanks for your help. however, i tried what you said and cut out a ton so that there is one small paragraph, but the problem is still there.
i put it up under a different name:
<!-- m --><a class="postlink" href="http://www.theresolved.com/csssite/theologyphp2.htm">http://www.theresolved.com/csssite/theologyphp2.htm</a><!-- m -->
plus, i thought that was the whole thing about css stylesheets was that it could just scroll down forever like all the blog sites do? oh and the reason why it is php.htm is because my computer always wants to open up golive when i have php ending. not sure about that, but i was using some php code. i think?
thanks for your helpi thought that was the whole thing about css stylesheets was that it could just scroll down forever like all the blog sites do?
Where did you hear that from
oh and the reason why it is php.htm is because my computer always wants to open up golive when i have php ending.
Do you want to use dreamweaver instead or what. You can easily change this in preferences/file types
And what is your question? whats wrong?Actually, the following is what I was describing as the proper manner in which to code the "content" division of your page. I've included the relevant style definitions between "head" tags to indicate that they don't belong in the body.
<head>
<style>
#content h3 {
font-size: small;
margin-top: 0px;
margin-bottom: 0px;
}
#content h4 {
font-size: small;
text-align: center;
font-weight: normal;
}
#content p {
font-size: x-small;
font-family: Arial, san-serif;
}
#content p.inline_menu {
display: inline;
padding: 0px 15px;
}
#content p.inline_menu a {
color: #f00;
text-decoration: none;
}
#content p.inline_menu a:hover {
color: #000;
}
</style>
</head>
<body>
<div id="content">
<hr />
<h3>theology</h3>
<hr />
<p class="inline_menu"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#doctrine" onFocus="if(this.blur)this.blur()">doctrine</a></p>
<p class="inline_menu"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#Download s" onFocus="if(this.blur)this.blur()">Download s</a></p>
<p class="inline_menu"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#topics" onFocus="if(this.blur)this.blur()">topics</a></p>
<p class="inline_menu"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#authors" onFocus="if(this.blur)this.blur()">authors</a></p>
<h4><b>theology</b> - the study of God.</h4>
<p>we see theology as an unending pursuit. there is always more to know and will be mystery. at the same time we see theology as the presentation of the things which we understand to be unchanging truth which can be known in and through such pursuit.</p>
<p>these things are our doctrine. rather than being a dirty word, we consider doctrine to be a word that summarizes what we treasure most. we see doctrine not solely as some sort of detached intellectual endeavor but what is incorparated into our lives in all areas. theology is our paradigm for understanding everything and is our chief delight.</p>
<p>what is presented here summarizes what the elders of our church unanaimously agree upon. we see all doctrine as interrelated and all related to God, thus it is all theology. it is our desire that all our church members would ultimately be able to joyously embrace all that is here. yet, we welcome anyone who has any uncertainity about any of these areas into our fellowship. for fellowship and friendship our welcome is wide, for leadership our welcome is extremely narrow.</p>
</div>
</body>
But I'm also at a loss to understand the problem you're trying to fix, once you cut the length of the page down. I thought you were referring to the way that shortly after the left side ended column ended, the main text began wrapping under it, using the whole width of the page in stead of remaining within its earlier column boundaries. Since the content text no longer exceeds the length of the left column, that problem isn't evident.
As for the purpose of CSS, it is largely to remove the formatting information (code) from the content (which can be thought of as data). One uses html formatting to define the relationship of the pieces of data (headings, subheads, paragraphs, the encapsulation or grouping of pieces relative to the whole document) to one another, but the actual formatting of those pieces is done in the CSS styles. This promotes consistent formatting, makes changes to the formatting far easier, and allows for different formatting to be applied based on the type of viewer (desktop browser versus cell phone browser versus printer, etc.). Data must still be organized for easy access. Placing everything one chunk after another turns it into little more than an electronic book, which is fine if that's really what you're after, but generally isn't how people want to use websites.thanks everybody. got if figured out now.
i'm not sure what sort of problem this is. if it is a float problem or a div problem or what. i'm sort of new at all this.
any help would be great. spent hours on this already and come up with nothing.
duane smets
you can see what i'm looking at here <!-- m --><a class="postlink" href="http://www.theresolved.com/csssite/theologyphp.htm">http://www.theresolved.com/csssite/theologyphp.htm</a><!-- m -->
source code too long to post here.You have a very basic problem with your page -- you've shoved all your text into one paragraph, and then used breaks to force whitespace into it (pseudo-paragraphs). Every group of text on the page that you want to appear as a paragraph should be wrapped in open and close paragraph tags. Breaks should rarely (and purists might say "never") be used. A series of non-breaking space characters shouldn't be used. The "center" tag shouldn't be used. Heading tags should be used as appropriate.
As for the size of the page, you need to "chunk" the data into multiple pages. Instead of linking to various points in the one page, link to different pages.thanks for your help. however, i tried what you said and cut out a ton so that there is one small paragraph, but the problem is still there.
i put it up under a different name:
<!-- m --><a class="postlink" href="http://www.theresolved.com/csssite/theologyphp2.htm">http://www.theresolved.com/csssite/theologyphp2.htm</a><!-- m -->
plus, i thought that was the whole thing about css stylesheets was that it could just scroll down forever like all the blog sites do? oh and the reason why it is php.htm is because my computer always wants to open up golive when i have php ending. not sure about that, but i was using some php code. i think?
thanks for your helpi thought that was the whole thing about css stylesheets was that it could just scroll down forever like all the blog sites do?
Where did you hear that from
oh and the reason why it is php.htm is because my computer always wants to open up golive when i have php ending.
Do you want to use dreamweaver instead or what. You can easily change this in preferences/file types
And what is your question? whats wrong?Actually, the following is what I was describing as the proper manner in which to code the "content" division of your page. I've included the relevant style definitions between "head" tags to indicate that they don't belong in the body.
<head>
<style>
#content h3 {
font-size: small;
margin-top: 0px;
margin-bottom: 0px;
}
#content h4 {
font-size: small;
text-align: center;
font-weight: normal;
}
#content p {
font-size: x-small;
font-family: Arial, san-serif;
}
#content p.inline_menu {
display: inline;
padding: 0px 15px;
}
#content p.inline_menu a {
color: #f00;
text-decoration: none;
}
#content p.inline_menu a:hover {
color: #000;
}
</style>
</head>
<body>
<div id="content">
<hr />
<h3>theology</h3>
<hr />
<p class="inline_menu"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#doctrine" onFocus="if(this.blur)this.blur()">doctrine</a></p>
<p class="inline_menu"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#Download s" onFocus="if(this.blur)this.blur()">Download s</a></p>
<p class="inline_menu"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#topics" onFocus="if(this.blur)this.blur()">topics</a></p>
<p class="inline_menu"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#authors" onFocus="if(this.blur)this.blur()">authors</a></p>
<h4><b>theology</b> - the study of God.</h4>
<p>we see theology as an unending pursuit. there is always more to know and will be mystery. at the same time we see theology as the presentation of the things which we understand to be unchanging truth which can be known in and through such pursuit.</p>
<p>these things are our doctrine. rather than being a dirty word, we consider doctrine to be a word that summarizes what we treasure most. we see doctrine not solely as some sort of detached intellectual endeavor but what is incorparated into our lives in all areas. theology is our paradigm for understanding everything and is our chief delight.</p>
<p>what is presented here summarizes what the elders of our church unanaimously agree upon. we see all doctrine as interrelated and all related to God, thus it is all theology. it is our desire that all our church members would ultimately be able to joyously embrace all that is here. yet, we welcome anyone who has any uncertainity about any of these areas into our fellowship. for fellowship and friendship our welcome is wide, for leadership our welcome is extremely narrow.</p>
</div>
</body>
But I'm also at a loss to understand the problem you're trying to fix, once you cut the length of the page down. I thought you were referring to the way that shortly after the left side ended column ended, the main text began wrapping under it, using the whole width of the page in stead of remaining within its earlier column boundaries. Since the content text no longer exceeds the length of the left column, that problem isn't evident.
As for the purpose of CSS, it is largely to remove the formatting information (code) from the content (which can be thought of as data). One uses html formatting to define the relationship of the pieces of data (headings, subheads, paragraphs, the encapsulation or grouping of pieces relative to the whole document) to one another, but the actual formatting of those pieces is done in the CSS styles. This promotes consistent formatting, makes changes to the formatting far easier, and allows for different formatting to be applied based on the type of viewer (desktop browser versus cell phone browser versus printer, etc.). Data must still be organized for easy access. Placing everything one chunk after another turns it into little more than an electronic book, which is fine if that's really what you're after, but generally isn't how people want to use websites.thanks everybody. got if figured out now.