CSS styling help needed
-
I'm hoping that to someone experienced this is a quick fix, but it may be a pain and a rat's nest of code.
Five or so years ago, I designed my brother's website at https://www.argentdata.com/index.html. I built it off of the Mollio theme (http://www.mollio.org/), and used templates in Dreamweaver, so it's not in a CMS. It's not a work of art, and there are some issues with it, but it's served him fairly well. Longer-term it needs a redesign, but right now I'm asking about just one aspect of the existing design.
There are two parts to the site - the plain HTML site, and the osCommerce store that's under the purchase tab. If you go to http://www.argentdata.com/catalog/ you'll see that the osCommerce store is full width, while the navigation header copied over from the main site is 1200 pixels wide and centered. If you're on a wide monitor, it looks weird.
What he'd like to do:
Make the main site align to the left, both the content and navigation, and make the navigation left aligned for the osCommerce portion. He figures this is the easier way to do things, rather than try to muck with osCommerce CSS (that also has some merged CSS from the Mollio theme) and get it to center.
Does anyone have a fairly simple solution that can make the navigation bar look good on osCommerce? Either the above of making everything left aligned, or some other solution simple we haven't thought of?
Thanks!
-
It looks like he did get what he wanted done for now. Thanks everyone!
-
Hi Keri,
Just wanted to check on this and make sure you got everything worked out.
Thanks!
Anthony
-
Thanks everyone! I'll forward this to my brother and see if that does the trick (then come back and mark helpful answers).
Keri
-
Totally forgot about the index updates! (Gotta learn to finish reading posts.)
Edit "argentdata.com/css/main.css" (changes in italics):
Line 107
#header #site-name a, #header #site-name a:link, #header #site-name a:visited,
#header #site-name a:hover, #header #site-name a:active {
text-decoration: none;
color: #CCC;
position: relative;
_ left: 100px; _}
Line 111
#nav {
font: bold 96% arial;
height: 2.09em;
margin: 0 105px 0 40px;
position: relative;
_left: 100px; _}
Line 151
#wrap {
min-width: 770px;
max-width:none !important;
margin: 0 auto;
position: relative; }
Line 152
#content-wrap {
position: relative;
max-width: 1200px;
_left: 100px; _}
This should match the root pages to the osCommerce pages.
-Anthony
-
Hi Keri,
This isn't a perfect fix but it should do the trick.
On line 377 of "argentdata.com/catalog/stylesheet.css" change
max-width: 1200px to max-width: none !important
#wrap {
min-width: 770px;
_max-width: none !important; _
margin: 0 auto;
position: relative;
}
You could also just delete the max-width value altogether, but just in case there's another width value somewhere else... might as well change it.
On line 348 add
position: relative; left: 100px;
#header #site-name a, #header #site-name a:link, #header #site-name a:visited,
#header #site-name a:hover, #header #site-name a:active {
text-decoration: none;
color: #CCC;
_position: relative; _
left: 100px;
}
Same thing on line 352... add** position: relative;left: 100px;**
#nav {
font: bold 96% arial;
height: 2.09em;
font: bold 96% arial;
margin: 0 105px 0 40px;
position: relative;
_ left: 100px;_
}
/* Hope this helps!
- Anthony */
-
Please view the attachment. Is that the result you desire? I am not entirely sure based on the question.
EDIT - actually, I prefer the 2nd image as a solution.
If you like the second image, simply change #wrap margin value to:
margin: 0;
Please note I am not a CSS expert by any means. I simply know enough to get by.
-
not waht you're asking for, but the fastest solution i can think of.
wrap the os commerce page with a div that is 90% width. give it margin: 0 auto; so that it centers. The tables inside should auto adjust because they are all set to be 100% width.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Help with Country selector pop up
Hi, We have just taken off our auto redirect on our sites so we now have separate domains - .co.uk, .de, .com, .fr, .eu, .com.au We are about to install a country selector that pops up. Its bit more of pros and cons answer I am after So the 2 options we considering are as follows The more complicated one with the following functionality across all sites in the case the example is having a French IP So I have a French IP – I arrive on French site = no pop up I arrive on UK site = pop up with text saying “you are on the UK site” and generates 2 button one saying“continue” and the other saying “take me to Tidy-books.fr” I arrive on the USA site = pop up with text saying you are on the US site and generates 2 button one saying “continue” and the other say “take me to Tidy-books.fr” I arrive on the German site = pop up with text saying you are on the DE site and generates 2 button one saying “continue” and the other say “take me to Tidy-books.fr” I arrive on the Australian site = pop up with text saying you are on the DE site and generates 2 button one saying “continue” and the other say “take me to Tidy-books.fr” I arrive on the European site = pop up with text saying you are on the EU site and generates 2 button one saying “continue” and the other say “take me to Tidy-books.fr” The other simpler option I have French Ip 1. I visit the French site no pop up 2. I visit any other countries site and a pop up with a all our flags appear allowing the person to select which country they wish to go to Hope that makes sense any suggestions etc would very much appreciated Thanks
Web Design | | tidybooks0 -
Hi, I have a doubt. If we want to hide unwanted text in a web page its possible with "" tag. And my question "does a search engine crawl those text? help me.
I want to hide a lot of text behind my site page. I know its possible with that tag. But in what way a search engine looks at those text? Hidden or they are crawled and indexed.
Web Design | | FhyzicsBCPL0 -
HTTPS redirecting to subdomain; do I need to 301 to HTTP first?
Hello there, quick question on HTTPS downgrade to HTTP. Originally, full site was HTTPS. Redesign eliminated need for secure layer. Site currently has https 301'd to sub.domain.com. Ideally, site would live at domain.com, but with the old site having been indexed https, the security warning triggers when you visit, hence the 301 to a subdomain. Thinking possible solutions here are to a) add back in secure layer or b) 301 all old https pages to new http pages. Have I overlooked something? With (a), I will see no SEO impact, correct? With (b), can I expect impact similar to a relaunch? Have seen a lot of chatter that there is some impact in switching http to https, but not much the other way. Any help much appreciated!
Web Design | | alimo0 -
I can’t understand, please help?
Our old <acronym title="Search Engine Optimization">SEO</acronym> built a lot of bad links (web 2.0, article ect) and in April of 2012 we received the dreaded Google Webmaster Tools notice of detected unnatural links to XXXXXXXX After 4 requests and disavowing all of the links he created we have finally received Reconsideration request for xxxx Manual spam action revoked The only problem is that this feels more of a penalty than when the received the detected links email? Everything across the board as dropped, I know we added more and more links to the disavow but everything has been going up with the quality we have been putting out until today when we received the manual action revoked. Has anyone experienced this, I feel like I wish we were still under the penalty as the rankings have dived.
Web Design | | BobAnderson0 -
Need help to implement microdata/microformat for ecommerce site
**Can somebody please help me to implement microdata/microformats codes for our ecommerce product pages? **
Web Design | | EastEssence22
Please guide me if you have some CSS example for the same. Thanks.0 -
Is there a Consultant out there to help convert C#.net functions into PHP Wordpress functions?
We are going through a transition from SiteFinity (C# .net windows environment) to WordPress (PHP Linux environment). We currently have custom forms that make calls to webservices and also store data into SQL Server tables. Not sure how to do this in PHP and could use some help. We are located in Irvine, CA. We would prefer someone onsite, but can also work with someone remote if we must. Time is of the essence. Thanks.
Web Design | | balboafinance0 -
Keyword help for a beginner
Hello Everyone! I have a few simple questions about picking/using the best keywords for my website. Just to give a little background on the company, we sell branded servers (IBM, HP, DELL) workstations, storage, and related hardware and software (memory, processors, hard drives, operating systems, management software, etc...) I'm trying to pick the keywords to use on the home page but have these questions: 1. This question is a little hard for me to explain, but we would like to show up in the search results whether a user types in: Dell server(s) or IBM server(s) or HP Workstation so for the title tag can we use: DELL, IBM, HP Servers, Workstations, Storage or we need to use DELL Servers, IBM Servers, Dell Workstations, IBM Workstations, etc... Basically what I'm asking is can we combine keywords in the title tag or we need to write them out (hope this make sense) if not let me know and I'll try provide a little more detail and few more examples. 2. This question might not fall under this category of topics and might have to start a new thread but here it goes. We are re-designing our site on a new eCommerce platform using x-cart shopping cart, its a very configurable and inexpensive shopping cart however one of the drawbacks is its speed. Most users of the x-cart shopping cart software report on average of 2-4 seconds page loads, which is kind of slow. even with some heavy optimization you get about 1.5 - 2.5 seconds page load. I've heard that if you want to be higher in Google's search results speed is a big plus, being in the 0.5 second range is a huge plus. I was thinking of creating a static html home page that would include some company info, content with relevant keywords, some links to main categories... (basically kind of copy the google.com page but with a little more text) Would that be a good idea to implement? Hope this question makes sense as well or stick with the default shopping cart home page and try to optimize it as best as possible? 3. We probably have about 10 - 15 short keyword phrases that we want to concentrate on, again they would be:
Web Design | | igor.pinchevskiy
DELL Servers, HP Servers, IBM, Servers
DELL Workstations, HP Workstations, IBM Workstations,
DELL Memory, HP Memory, IBM Memory
DELL Hard Drives, HP Hard Drives, IBM Hard Drives What is the maximum or recommended quantity of keyword phrases to try to include on the home page? Is it also recommended to maybe create a separate page for each keyword phrase? Does a home page get better ranking then another page on the server just because its a home page? Hope my questions aren't too dumb and make sense. I appreciate everyone who takes their time to read through and answer my questions or guide me in the right path. Thank you,
Igor Pinchevskiy0 -
Wordpress or Joomla member function - HELP!
Does anyone know of a plugin/theme/template that would allow me to create a site with the following features: 1 section of content that is public 1 section of content that is only for registered members and that is hidden until you log in. A registration page A sign up form
Web Design | | MassivePrime0