oscommerceking Posted May 2, 2005 Posted May 2, 2005 hi I am in great need of help here is my css body style tag BODY { background: #ffffff; color: #000000; margin-left: 9.7%; margin-right: 9.7%; margin-top: 0; margin-bottom: 0; } I need it so that the left column always aligns with my header 797px and search bar 797 px Whether i shrink the page left to right or up and down i need the left and right columns to stay aligned with my banner Any Tips or Ideas here Thanks in Advance J My Contributions: Add Search + Drop Down Anywhere, Eliminate Subcategories in Drop Down
Wendy James Posted May 2, 2005 Posted May 2, 2005 Go into the php pages and but width="797" in the <td> tag of main tables on your catalog/index.php catalog/includes/header.php catalog/includes/hfooter.php But that will only specify the overall size... if your columns are the problem then you will have to go in and edit them as well. So you know, 797 is way too big for a majority of people, it will put a scroll bar on the bottom of the browser and force people to scroll sidesways to see your full page. Suggested is 770 if you want a specific width. Wendy James Creativity is allowing yourself to make mistakes. Art is knowing which ones to keep.
oscommerceking Posted May 3, 2005 Author Posted May 3, 2005 Go into the php pages and but width="797" in the <td> tag of main tables on yourcatalog/index.php catalog/includes/header.php catalog/includes/hfooter.php But that will only specify the overall size... if your columns are the problem then you will have to go in and edit them as well. So you know, 797 is way too big for a majority of people, it will put a scroll bar on the bottom of the browser and force people to scroll sidesways to see your full page. Suggested is 770 if you want a specific width. <{POST_SNAPBACK}> Thankyou for your prompt and courteous reply, however i have one question I resized both my banner and bar to 770 as you suggested (thankyou by the way) Now to simplify the layout can i merely put a v align left to the left column set and a V align right to the right column set? The whole page is centered And everytime i grab the right side of the internet explorer window and drag it in it pushes the categories smaller and the shopping cart box creeps in Thanks in advance for your keen insight J My Contributions: Add Search + Drop Down Anywhere, Eliminate Subcategories in Drop Down
Wendy James Posted May 3, 2005 Posted May 3, 2005 I would have to see your page to be able to offer advice. Not sure what you mean by sets. Do you have a template system installed or something? If you can post a link so we can take a look. =) Wendy James Creativity is allowing yourself to make mistakes. Art is knowing which ones to keep.
oscommerceking Posted May 3, 2005 Author Posted May 3, 2005 I would have to see your page to be able to offer advice. Not sure what you mean by sets. Do you have a template system installed or something? If you can post a link so we can take a look. =) <{POST_SNAPBACK}> :blush: It would happen that the solution to my answer is in the knowledge base http://www.oscommerce.info/kb/osCommerce_D...n_and_Layout/53 Anyways i incorporated a search bar on the top of my page (it is on top of my header) I have it positioned with absolute positioning Does anyone know how to pin it to my header, everytime i drag the page in it moves the search bar along with the abs positioning (since my page is centered now) J Thanks in advance ps thanks for the helpful advice Wendy, hopefully ill have a demo of the site up within a week :D My Contributions: Add Search + Drop Down Anywhere, Eliminate Subcategories in Drop Down
oscommerceking Posted May 3, 2005 Author Posted May 3, 2005 Here is the code that i used for the absolute positioning of the search bar and the php script for the search, followed by the css style tag that is included in css, Hey when i get this all hashed out i smell a contribution coming on =) <div class="centerpage"> <div id="layer1"> <form name="searchform" action="advanced_search_result.php" method="get"> <input type="hidden" name="search_in_title" value="1"> <input type="hidden" name="osCsid" value="143f5c7a8fd489eac41a2e10beea2084"><td align="right"class="headerNavigation"> <input type="text" name="keywords" size="20" maxlength="30"><input type="hidden" name="search_in_description" value="1"> <input type="submit" value="Search"> </font></td> </tr> </form> </div> CSS code #layer1 { visibility: visible; position: absolute; top: 55px; left: 600px; width: 300px; height: 25px } Thanks in advance all J My Contributions: Add Search + Drop Down Anywhere, Eliminate Subcategories in Drop Down
Recommended Posts
Archived
This topic is now archived and is closed to further replies.