13 replies [Last post]
dddmx3
dddmx3's picture
Offline
Enthusiast
Battle Ground, WA
Last seen: 8 years 31 weeks ago
Battle Ground, WA
Timezone: GMT-8
Joined: 2010-11-15
Posts: 68
Points: 86

Open this website in chrome and mozilla. See the difference? The message "Your basket is empty..." is in the wrong spot on chrome. I have tried everything and cant figure it out, can anyone help?

Visit my website:
www.RumorCo.com

Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 14 weeks 3 days ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2043
Points: 2268

OK, kids. What's the first

OK, kids. What's the first step in troubleshooting a web page? You, in the back, with your hand up? No, it isn't post a question at CSScreator. Anyone else?

g.m.b.s.
g.m.b.s.'s picture
Offline
newbie
Upstate New York
Last seen: 8 years 18 weeks ago
Upstate New York
Timezone: GMT-4
Joined: 2011-03-23
Posts: 5
Points: 6

Validate your code

Validate your code.

It's my first post but I wanted to make it a good one. Okay, so I've been lurking for awhile and have seen that message hundreds of times....

Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 14 weeks 3 days ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2043
Points: 2268

g.m.b.s. wrote: Validate your

g.m.b.s. wrote:

Validate your code.

It's my first post but I wanted to make it a good one. Okay, so I've been lurking for awhile and have seen that message hundreds of times....

GOLD STAR! Laughing out loud

dddmx3
dddmx3's picture
Offline
Enthusiast
Battle Ground, WA
Last seen: 8 years 31 weeks ago
Battle Ground, WA
Timezone: GMT-8
Joined: 2010-11-15
Posts: 68
Points: 86

geeeezzzzz... you dont think

geeeezzzzz... you dont think i f**king (freaking) tried?

Here's an image explaining:

Here's my code:

.cart-header {
    color: #00FF00;
    float: right;
    font-size: 16px;
    font-weight: bold;
    list-style: none outside none;
}

Visit my website:
www.RumorCo.com

Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 14 weeks 3 days ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2043
Points: 2268

dddmx3 wrote: ... you dont

dddmx3 wrote:

... you dont think i ... tried?

Are you saying you validated your code?

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 10 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Not trying to be rude, but if

Not trying to be rude, but if you validate your HTML then we will be able to help you out a lot more.
It appears you have 34 errors in your HTML.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Flfswear.com%2Fsites%2Flfs2%2F

Not much we can help with if the code itself is broken.
Once you get the HTML fixed up and if you still have errors, report back and we will do our best to help with a solution.

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 14 weeks 3 days ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2043
Points: 2268

Deuce wrote:Not trying to be

Deuce wrote:

Not trying to be rude ...

Yeah, I was trying to make a joke and it went bad. I thought it was funny.

So, being serious, you can't expect items to stay where you want when you don't properly close your tags. You're doing too much copy & paste work and it's biting you in the rear. Validating would show you where the issues are if you were so inclined to bother.

dddmx3
dddmx3's picture
Offline
Enthusiast
Battle Ground, WA
Last seen: 8 years 31 weeks ago
Battle Ground, WA
Timezone: GMT-8
Joined: 2010-11-15
Posts: 68
Points: 86

Thanks guys! I will work on

Thanks guys! I will work on that for a little, then reply with my results. Hopefully it will fix it!

Visit my website:
www.RumorCo.com

Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 14 weeks 3 days ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2043
Points: 2268

dddmx3 wrote: Thanks guys! I

dddmx3 wrote:

Thanks guys! I will work on that for a little, then reply with my results. Hopefully it will fix it!

In this case with the unmatched tags, it just might. Even if it doesn't it is a required first step.

dddmx3
dddmx3's picture
Offline
Enthusiast
Battle Ground, WA
Last seen: 8 years 31 weeks ago
Battle Ground, WA
Timezone: GMT-8
Joined: 2010-11-15
Posts: 68
Points: 86

7 Errors

There are 7 errors alone in this facebook script, how can I get rid of the errors?

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/LFScompany" width="250" show_faces="false" stream="false" header="true"></fb:like-box>

Other than this, I have 0 errors.

And the basket message is still out of place in google chrome and safari.

Visit my website:
www.RumorCo.com

dddmx3
dddmx3's picture
Offline
Enthusiast
Battle Ground, WA
Last seen: 8 years 31 weeks ago
Battle Ground, WA
Timezone: GMT-8
Joined: 2010-11-15
Posts: 68
Points: 86

Next...

So I fixed all the errors except for the facebook like button...

And the cart text didnt go to where it's supposed to go... Now what's next? A friend suggested clear:both but it didn't work... Puzzled

Visit my website:
www.RumorCo.com

Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 14 weeks 3 days ago
Timezone: GMT-4
Joined: 2009-10-09
Posts: 2043
Points: 2268

Do you want an opinion on the

Do you want an opinion on the general coding as well?

Add overflow: hidden; or clear: both; to list-style-none{} (clears the float so your advisor was almost partially right).
Then change class="align-center cart-header" to class="cart-header" in the unnecessary table.

dddmx3
dddmx3's picture
Offline
Enthusiast
Battle Ground, WA
Last seen: 8 years 31 weeks ago
Battle Ground, WA
Timezone: GMT-8
Joined: 2010-11-15
Posts: 68
Points: 86

THANK YOU! IT FINALLY WORKED!

THANK YOU! IT FINALLY WORKED! Big smile Big smile

But, When I added it all that, the left column and slideshow overlapped the header (in chrome), so I changed around a little bit of padding... (Look at what I changed, lower down on this post)

So my question is how can I make both browsers have the same amount of space between the header and the slideshow, and left column. (I want it to look like how it did in firefox, centerColumn 10px)

I changed:

.centerColumn {
    padding: 10px 0;
}

To:

.centerColumn {
    padding: 30px 0;
}

And

.leftBoxContainer, .rightBoxContainer {
    margin: 18px 0 4px;

To:

.leftBoxContainer, .rightBoxContainer {
    margin: 39px 0 4px;

Visit my website:
www.RumorCo.com