12 replies [Last post]
Baby Jai
Baby Jai's picture
Offline
Regular
Last seen: 10 years 24 weeks ago
Timezone: GMT-4
Joined: 2010-02-01
Posts: 30
Points: 39

http://guildparanormal.com/policies.html

if you look it stays at the bottom, but i cant seem to get it to give it a top padding or something, cause it cuts off. Any help would be greatly appreciated. Just scroll to the bototm of the page, you will see what I mean Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 38 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Going to be a little harsh

Going to be a little harsh with you here as you have been around on the forum for a while and ought to know we deal in standards focussed markup and CSS.

You need to completely re-write that page the structure is very poor and non semantic, the way it's constructed makes targeting rules effectively very difficult.

Spans holding what is a heading and then br tags used to start a new 'paragraph' is not the right way of doing things nor are somewhat random divs used for some blocks, some with class/id tokens some not.

We could probably show you how to effect what you want on the element but personally I wouldn't until the page had a re-write that made sense.

The page content tends to suggest it lends itself to a DL list your spans become DT's and the description text is wrapped in DD's within which you may describe paragraphs if you need paragraphs but please avoid use of the BR tag to style the page it's not correct usage.

Have a go at re markingup the page it's not hard and shouldn't take too long then we can help where there are further issues.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Baby Jai
Baby Jai's picture
Offline
Regular
Last seen: 10 years 24 weeks ago
Timezone: GMT-4
Joined: 2010-02-01
Posts: 30
Points: 39

yeah i see your point, but as

yeah i see your point, but as Im sitting here reading what you just wrote, im guessing you want me to use

instead of Br. That header TOOK me forever to make as it is, i would have no idea how to rewrite that to work effectively.

The blocks you are referring to are the blocks on the bottom im taking it? Or blocks on the page?

What would you suggest for me to start rewriting the whole page, you have to remember this WHOLE site was all done in tables, I knew nothing about CSS, I literally just started using it and NO Tables. Ive been out of the loop for a while. I might have been on this site for a while, but on the same token I was in the Army when I registered and I never actually did all CSS pages; the whole page from scratch essentially rewriting the whole thing.

Suggestion would be good too since, your just basically saying, re write the page?! How about a starting point?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 38 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

I gave you the starting point

Sad I gave you the starting point use a dl list

It's really not too difficult; keep a parent div if you wish but in that create a dl construct:

<dl>
 <dt>your span text goes here</dt>
 <dd>the description body text  / paragraphs go in here<dd>
</dl>

You can retain whatever classes you may have set on the spans or just change your CSS rulesets to reflect dt dd elements. You should need minimal, if any, extra styles for the dl structure.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Baby Jai
Baby Jai's picture
Offline
Regular
Last seen: 10 years 24 weeks ago
Timezone: GMT-4
Joined: 2010-02-01
Posts: 30
Points: 39

yeah im going to sound stupid

yeah im going to sound stupid here, never heard of DL and DT, kinda feel stupid. Ill take a look at it then respond once i have cleared it. see i also have this issue when looking at forums.guildparanormal.com which CSS is great outside of the body lol

Baby Jai
Baby Jai's picture
Offline
Regular
Last seen: 10 years 24 weeks ago
Timezone: GMT-4
Joined: 2010-02-01
Posts: 30
Points: 39

all done, what would you

all done, what would you recommend next Smile need to get that bottom div fixed

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 5 years 14 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Validate - you have 24 errors

Validate - you have 24 errors that need fixing Wink A few other things may fall into place once they are fixed.

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Baby Jai
Baby Jai's picture
Offline
Regular
Last seen: 10 years 24 weeks ago
Timezone: GMT-4
Joined: 2010-02-01
Posts: 30
Points: 39

ok now im stuck, i validated

This document was successfully checked as XHTML 1.0 Transitional!

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 38 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

If you want to play the

If you want to play the sticky footer game then you best bring all elements inside of #wrapper, only one child may describe height of it's parent html/body. The footer you should simply flow after the wrapper but set it's height and a negative top margin equal to that height then your content div has a botton padding amount a bit greater than footer height.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Baby Jai
Baby Jai's picture
Offline
Regular
Last seen: 10 years 24 weeks ago
Timezone: GMT-4
Joined: 2010-02-01
Posts: 30
Points: 39

sounds really confusing, it

sounds really confusing, it is all in the wrapper, and i cant set a bottom and a top -margin, have tried that several times with the content div and no dice

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 38 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

This: <body> <div

This:

<body>
<div class="menu">
	<div class="container">
		<div class="row bar-content no-margin"
<a href="index2.php"><img height="42" width="469" alt="Banner" src="images/New-Banner.png"> </a>
						<ul class="related options hide-on-phones">
						<li><a href="/raids">Raids</a></li>
						<li><a href="http://forums.guildparanormal.com">Forums</a></li>
						<li><a href="http://forums.guildparanormal.com/index.php?/forum/19-videos/">Videos</a></li>
						<li><a href="policies.html">Policies</a></li>
                        <li><a href="/para">Para Points</a></li>
						</ul>
		</div>
	</div>
</div>
<div id="wrapper">
 
 
</body>

Isn't everything contained in #wrapper!

You may have an easier time if you moved menu inside #wrapper and wrapped #container or add #content as parent for the center page area and apply a width to that, you then flow naturally below the menu area and just need worry about ensuring your bottom content is padded away from the footer.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 38 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Although looking afresh and

Although looking afresh and you appear to have cured the issue? it seems to be clearing the footer now.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Baby Jai
Baby Jai's picture
Offline
Regular
Last seen: 10 years 24 weeks ago
Timezone: GMT-4
Joined: 2010-02-01
Posts: 30
Points: 39

yes with all of your guys'

yes with all of your guys' help ive seemed top conquer the issue, now onto more posts, trying to REMOVE all tables in my site now lol