...

View Full Version : CSS Problem (I Believe)



EGS
07-16-2008, 08:49 PM
Hey I have a little bit of CSS problems with my cheap game gold (http://www.gamingsurplus.com) site...hope someone here can help me.

First issue: On the upper-right hand side, just above the live chat box, there is an off-green box floating above the navigational menu. I don't know why it's there, but how can I remove it? I believe it's a CSS issue.. :confused:

Second issue: On the "Express Checkout" on the left-hand side, there are drop-down menus. How can I make the drop-down menu for the "Amount" drop-down menu smaller in width, so that it is on the same line?

:confused:

jcdevelopment
07-16-2008, 08:58 PM
the box in the upper right hand corner, had this in the HTML. Delete the highlighted red



<div class="holder clearfix">
<div class="footer" id="footer">
<div style="margin: -80px;">

</div>
<noscript>You have disabled Javascript. Certain features in this site will be unavailable. For a complete shopping experience please enable javascript.</noscript>
</div>
</div>


and just change the width on this class



element.style {
width:130px;/*i reduced it to 130, it was 160 but u can change it*/
}

EGS
07-16-2008, 09:16 PM
the box in the upper right hand corner, had this in the HTML. Delete the highlighted red



<div class="holder clearfix">
<div class="footer" id="footer">
<div style="margin: -80px;">

</div>
<noscript>You have disabled Javascript. Certain features in this site will be unavailable. For a complete shopping experience please enable javascript.</noscript>
</div>
</div>


and just change the width on this class



element.style {
width:130px;/*i reduced it to 130, it was 160 but u can change it*/
}

First template edit I cannot do because I do not have access to it..

EGS
07-17-2008, 06:00 PM
Anymore suggestions to fix the problem..?

abduraooft
07-17-2008, 06:13 PM
If you can edit the CSS file or add some CSS code, try by adding

div#footer div {
display:none;
}

First template edit I cannot do because I do not have access to it.. What type of accesses you have on the code?

jerry62704
07-17-2008, 07:42 PM
Do I understand it correctly that you don't have access or authorization to change the code, but you want to have it fixed? How?

BTW, with css it is last home wins. So if you want to change "xxxx" on page "yyyy" that you don't have access to, you can change it on your local page "zzzz" and make sure it is the last css listed.

EGS
07-18-2008, 09:24 AM
If you can edit the CSS file or add some CSS code, try by adding

div#footer div {
display:none;
}
What type of accesses you have on the code?
I think that worked for the most-part, thank you! :)

There's a small box in between the center content box and the live help box on the right hand side but it's hardly noticeable.

Don't know how to fix that. :o

abduraooft
07-18-2008, 10:06 AM
I think that worked for the most-part, thank you! But what's the point in writing some markup and hiding it by CSS?

Don't know how to fix that.
Applying display:none; to div#footer may hide it. But you need to rethink!

BTW, <noscript> tag should be followed by a <script> tag, say

<script type="script/javascript"></script>
<noscript>You have disabled Javascript. Certain features in this site will be unavailable. For a complete shopping experience please enable javascript.</noscript>

You'll get this error on validation (http://validator.w3.org/check?uri=http&#37;3A%2F%2Fwww.gamingsurplus.com&charset=%28detect+automatically%29&doctype=Inline&group=0).

Seriously, you need to talk with the person who has control over markup and correct them all.

After all, make sure that you have no divitis (http://csscreator.com/?q=divitis) :)

Ps: I like the color and layout of your site!

EGS
07-18-2008, 08:36 PM
But what's the point in writing some markup and hiding it by CSS?

Applying display:none; to div#footer may hide it. But you need to rethink!

BTW, <noscript> tag should be followed by a <script> tag, say

<script type="script/javascript"></script>
<noscript>You have disabled Javascript. Certain features in this site will be unavailable. For a complete shopping experience please enable javascript.</noscript>

You'll get this error on validation (http://validator.w3.org/check?uri=http&#37;3A%2F%2Fwww.gamingsurplus.com&charset=%28detect+automatically%29&doctype=Inline&group=0).

Seriously, you need to talk with the person who has control over markup and correct them all.

After all, make sure that you have no divitis (http://csscreator.com/?q=divitis) :)

Ps: I like the color and layout of your site!
(Thanks for the kind comment about the layout.)

I added that CSS code to hide the footer DIV. It DID fix that box but it also made my footer disappear, so that's no good. :(

Any help on this and perhaps the second issue I'm having as stated in original post?

abduraooft
07-19-2008, 08:43 AM
I added that CSS code to hide the footer DIV. It DID fix that box but it also made my footer disappear, so that's no good.
Fix all markup errors first.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum