where is table info? |
Post Reply |
Author | |
Chris Hadden
Groupie Joined: 23-January-2013 Status: Offline Points: 52 |
Post Options
Thanks(0)
Posted: 25-January-2013 at 1:00pm |
Excuse my ignorance on these questions, I have never worked much with code of any kind.
I am trying to change the header a bit. The way product cart comes out of the box there is a search box in the center of the header, store name on the left, then a couple ad boxes on the right. All I want to do is put that search box under the ad boxes on the right. I fooled around with it a bit but putting in a "right tag" centers the search box on top of the ad boxes, They seem like they are in a table <div id="pcHeader"> how do I make the height of that bigger and stack the ad boxes over the search box? Thanks |
|
Chris
|
|
Guests
Guest |
Post Options
Thanks(0)
|
Hi Chris,
It's all quite easy, but does require some basic understanding of CSS, as is the case with any web site these days. All of the objects in the header are positioned within a container, pcHeaderContainer. So first, you'd want to make sure you've adjusted the height of the container to provide the vertical room you need. Then simply change the position of pcHeaderCenter to fit under pcHeaderRight -- maybe something like top:320px;right:0;
|
|
Chris Hadden
Groupie Joined: 23-January-2013 Status: Offline Points: 52 |
Post Options
Thanks(0)
|
Thanks, bear with me on this for just a moment, steep learning curve. I am sure this sounds totally stupid but .......
is the pcheaderContainers properties dictated from a file located somewhere else? that was what I was wondering. Is changing the height of it is done in another file? or is it done by adding script directly into the header.asp? |
|
Chris
|
|
Guests
Guest |
Post Options
Thanks(0)
|
Hi Chris,
By default the CSS for the global styling of the site is stored in /pc/pcHeaderFooter11.css. The more internal style rules are stored in /pc/pcHeaderFooter11.css. There are other style sheets as well. Here's a tip for you: if you don't have Google Chrome browser installed, install that. Browse your site with it and right click on anything you want to see how it style and where the style rules are coming from -- say the search box in the header -- and select Inspect Element. This will bring up the Developer Tools. The Developer Tools will show you what rules are being applied and where they are coming from. You can even edit them in the toolbox to get things right and then copy your style rules to the appropriate style sheet. This will be a huge help for you. I can't live without it ;-)
|
|
Chris Hadden
Groupie Joined: 23-January-2013 Status: Offline Points: 52 |
Post Options
Thanks(0)
|
Ok thanks for that will investigate and try chrome.
|
|
Chris
|
|
Guests
Guest |
Post Options
Thanks(0)
|
Welcome to the brave (not so) new world of contemporary site design via CSS, Chris. It's a big leap from the old school formatting you'd be accustomed to with SF5, but the basics are simple (esp. with a handy tool like Chrome's Developer Tools) and I'm sure you'll catch on quickly.
Feel free to tap this thread more as you explore it. These things are simple for me to reply back on, and I'd be more than happy to ramp you up, and any others reading, on styling PC. The basics are simple, but some issues of styling can be advanced with PC's markup. It's not always easy to really dial in elegant rules in some areas, mostly because of the sheer number of style sheets PC uses and the nature of CSS inheritance. But it can be done, and I have a ton of experience with using pure CSS to get around inconvenient PC markup.
|
|
Chris Hadden
Groupie Joined: 23-January-2013 Status: Offline Points: 52 |
Post Options
Thanks(0)
|
Thanks, I was able to figure that out per your guidance.
|
|
Chris
|
|
Post Reply | |
Tweet
|
Forum Jump | Forum Permissions You cannot post new topics in this forum You cannot reply to topics in this forum You cannot delete your posts in this forum You cannot edit your posts in this forum You cannot create polls in this forum You cannot vote in polls in this forum |