Go Back   Free website templates > Web Template Help > HTML - XHTML - CSS
User Name
Password
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read


Join now to share free website templates or post on the forum. If you have never been on a forum before read the FAQ. It's quick, easy and free to join!
Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 02-12-2009, 10:56 PM
Junior Member
 
Join Date: Feb 2009
Posts: 3
dovaboy is on a distinguished road
Question CSS Help w/ Charity template

So i downloaded the charity template..., seen here
http://www.freewebsitetemplates.com/preview/charity/

I created 6 pages off this template.....& on 2 of them i want to get rid of the "Latest News" box on the right hand side, & center my text on the left hand side to take up the whole area. BUT when i do this it changes all my pages.
It was then that i noticed there was a .CSS file, and that was why my changes were seen on all of my pages.

My Question is...,
How do i make changes to 1 or 2 pages, and not have it change everything??

thanks for any of your thoughts
Reply With Quote
  #2 (permalink)  
Old 02-13-2009, 05:29 PM
ishkey's Avatar
Moderator
 
Join Date: Aug 2007
Location: North GA USA
Posts: 1,776
ishkey will become famous soon enough
Default

Gee your so close. The css file is the template layout for your pages, when you use "div id's" in the html (index.html, page2.html, etc) such as <div id="left"> your content </div> you are saying in essence "For this division area go to the css file and retrieve all the information for formatting this space, so it displays the way I set it up."
If you want to get rid of the right side, do not use (<div id="right">) in your html file. Go ahead try it now.
First half of the problem solved.
Now you need to expand your text, so you need to add to the css file another "div id" which you will use on the pages you want to only show no right box and centered text. The other pages will remain the same.
Code:
#left {  /* original left div */
 float:left;
 width:428px;
 margin-left:27px;
 padding: 0px 10px 30px 0px;
 display:inline;
}
#left_center {  /* start new div tag */
 float:left;
 width:638px; /* Increased width - added right width to left width for new width*/
 margin-left:27px;
 padding: 0px 10px 30px 0px;
 display:inline;
} /* end new div tag */
Your html pages that need this will be coded like this below
Code:
<div id="content">
<div id="left_center">
<h1>Welcome to our organization</h1>
</div>
If you did it right it should look like this. Keep us posted, display you site for review.
Attached Images
 
__________________

Consultant - Programmer - WebMaster
cleandeck - lawn mower undercoating
wilmargraphite - graphite lubricants
Reply With Quote
  #3 (permalink)  
Old 02-15-2009, 10:20 PM
Junior Member
 
Join Date: Feb 2009
Posts: 3
dovaboy is on a distinguished road
Default CSS Help w/ Charity template

Thanks ishkey! I looked over what you said & went back and tinkered with
it for a bit & finally got things looking like i wanted. I just went right to the code and started making the my changes. Things are coming along & i will post in a couple days once i post the site
thanks again
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT. The time now is 08:49 AM.



mouseover mouseover mouseover