- This topic is empty.
December 30, 2010 at 11:09 pm #31127
I am just starting to build a website for an online store and I noticed that some fo my css is not working on another computer. It worked fine on my computer but it maybe because I have the files on my computer. My navigation on the left side and the mid-center area is not lined up the way I had it. The navigation looks as if it is half way down the page, while the content itself is margined to be centered. Could any one provide any suggestions or help as to how I can fix this for all browsers?
Kristin – mibellacreations.comDecember 30, 2010 at 11:24 pm #68093
It’s your CSS and has nothing to do with the files being on your computer. And usually websites do not look the same in every browser, especially IE. That’s why we declare an if statement to render a seperate stylesheet for internet explorer.December 30, 2010 at 11:29 pm #68094
How can I do that?December 30, 2010 at 11:50 pm #68096
I don’t think you need to call a seperate stylesheet for IE. The website is simple enough to code it properly to work and look the same in just about every browser. Of course a few things will look different but nothing major. I’ll try coding it myself and post back with the CSS.December 31, 2010 at 12:01 am #68097
Thank you for your help.December 31, 2010 at 12:17 am #68098
Ok I’m not sure what certain things are or where they go. A few major things need to be cleared up. You shouldn’t use tables unless you are creating some sort of graphing or calendar like things. Half of your HTML can be reduced by taking that out. Also remember to clear all your floats. The good thing is that you have very little content, so this would take about 30 minutes at the least to do, If I were you I would save my previous version and start from scratch. If I had time I would do this all myself. However, I can walk you through it and you can gain learning experience from this.
Basically we can pick apart the previous version by taking the header and footer and pasting that in the new version. We can use the content-wrap and put that in. The rest we create from scratch. Very very simple.December 31, 2010 at 12:24 am #68104
Thanks again. Where should I begin? Starting from scratch would be no problem.December 31, 2010 at 12:07 pm #68080
My logo was supposed to be on top of everything else in the black box. And the Customer reviews etc… had a yellow box behind it.December 31, 2010 at 12:51 pm #68082
The logo is a .gif transparent image that sits in front of the black on top of the page. And the Customer ReviewsEasy ReturnsAsk How “Free Shipping” is supposed to be ontop of the yellow gradient image that is now directly under the black in the header area.December 31, 2010 at 1:55 pm #67922
Thanks for your help. I’ll continue to write the codes right now and work on the site.January 2, 2011 at 4:23 pm #67695
I haven’t uploaded the changes yet. I am working on the divs for the tables was using for my product lists. But I did have a quick question Here’s my code:
The problem that I am having is that I want the “Hot Apple Pie” name under the “Product Price” as a clickable link. When I write my css, it does not appear where I want it to. And then the price under the name of the scent.
Thanks for all of your helpJanuary 2, 2011 at 4:25 pm #67697
Hot Apple Pie
January 3, 2011 at 8:11 am #67736Jerm993Member
I would also check out chris’s video The Basics: https://css-tricks.com/video-screencasts/58-html-css-the-very-basics/
and there is a good video that i watched many times by jimmyrcom, although it’s kinda lengthy:
http://www.youtube.com/watch?v=GwQMnpUsj8IJanuary 3, 2011 at 7:50 pm #67682
Thanks. I got the code to work for me now and everything is positioned the way I wanted it. Well, so far.
- The forum ‘CSS’ is closed to new topics and replies.