Css issues, help please

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Pete-KT
    Workin With The Devil
    • Oct 2004
    • 51532

    #1

    Css issues, help please

    I have a border color set for white, it works fine in FireFox but in IE there is no border can someone give me a hand please
  • psili
    Confirmed User
    • Apr 2003
    • 5526

    #2
    did you assign a width and everything?

    style="border: 1px SOLID #FFFFFF;"

    should work everywhere.
    Your post count means nothing.

    Comment

    • Pete-KT
      Workin With The Devil
      • Oct 2004
      • 51532

      #3
      Originally posted by psili
      did you assign a width and everything?

      style="border: 1px SOLID #FFFFFF;"

      should work everywhere.
      Ya its assigned but for some reason showing up black in IE but white in Firefox and i want the white

      Comment

      • Pete-KT
        Workin With The Devil
        • Oct 2004
        • 51532

        #4
        Originally posted by psili

        1px SOLID "
        That makes every line and image have a white border, i just need it for what set borders for

        Comment

        • swedguy
          Confirmed User
          • Jan 2002
          • 7981

          #5
          Post what your code looks like

          Comment

          • Tom_PM
            Porn Meister
            • Feb 2005
            • 16443

            #6
            It's probably something else. IE and FF handle box properties differently. IE does them wrong, as usual, lol.
            43-922-863 Shut up and play your guitar.

            Comment

            • Pete-KT
              Workin With The Devil
              • Oct 2004
              • 51532

              #7
              Originally posted by swedguy
              Post what your code looks like
              Here
              Code:
              <style type="text/css">
              <!--
              body,td,th {
              	font-family: Verdana, Arial, Helvetica, sans-serif;
              	color: #FFFFFF;
              	border:  #FFFFFF;;
              	border-color: white;
              }
              body {
              	background-color: #FFFFFF;
              	background-image: url(bg.jpg);
              	margin-left: 0px;
              	margin-top: 0px;
              	margin-right: 0px;
              	margin-bottom: 0px;
              	border:  #FFFFFF;;
              }
              
              .style1 {
              	color: #AE0408;
              	border:  #FFFFFF;;
              	border-color: white;
              }
              .style2 {
              	font-size: x-large;
              	font-weight: bold;
              	color: #FFCC00;
              	border:  #FFFFFF;;
              	border-color: white;
              }
              .style3 {
              	color: #FFCC00;
              	border:  #FFFFFF;;
              	border-color: white;
              }
              .style4 {
              	color: #FF0000;
              	border:  #FFFFFF;;
              	border-color: white;
              }
              .style5{border: 2px solid #FFFFFF;
              		border-color: white;}
              .style7{border:  #FFFFFF;; 
              		border-color: white;}
              }
              a:link {
              	color: #FFFFFF;
              	text-decoration: none;
              	border:  #FFFFFF;;
              	border-color: white;
              }
              a:visited {
              	text-decoration: none;
              	color: #FFFFFF;
              	border:  #FFFFFF;;
              	border-color: white;
              }
              a:hover {
              	text-decoration: none;
              	color: #FFFFFF;
              	border:  #FFFFFF;;
              	border-color: white;
              }
              a:active {
              	text-decoration: none;
              	color: #FFFFFF;
              	border:  #FFFFFF;;
              	border-color: white;
              }
              .style6 {
              	font-size: x-large;
              	font-weight: bold;
              	color: #FFCC00;
              	border:  #FFFFFF;;
              	border-color: white;
              
              }
              -->
              </style>

              Comment

              • LiveDose
                Show Yer Tits!
                • Feb 2002
                • 25792

                #8
                Originally posted by swedguy
                Post what your code looks like
                yeah let's see it Pete.

                Scammer Alert: acer19 acer [email protected] [email protected] Money stolen using PayPal

                Comment

                • psili
                  Confirmed User
                  • Apr 2003
                  • 5526

                  #9
                  try not to mix-match

                  border
                  and
                  border-color

                  -- border-color just defined color attributes
                  -- border allows you to define border width, style and color

                  *shrug*
                  Your post count means nothing.

                  Comment

                  • Pete-KT
                    Workin With The Devil
                    • Oct 2004
                    • 51532

                    #10
                    Originally posted by psili
                    try not to mix-match

                    border
                    and
                    border-color

                    -- border-color just defined color attributes
                    -- border allows you to define border width, style and color

                    *shrug*

                    Ive tried bith of them indepently and togather and still doesnt work

                    Comment

                    • swedguy
                      Confirmed User
                      • Jan 2002
                      • 7981

                      #11
                      You haven't set the width of the border

                      border: #FFFFFF;

                      should be

                      border: 1px solid #FFFFFF;


                      and what psili said.

                      Comment

                      • swedguy
                        Confirmed User
                        • Jan 2002
                        • 7981

                        #12
                        If I remember correct, Mozilla has a default border of 1px (that's why you see it without setting it) and IE has a default of 0px.

                        Comment

                        • ssp
                          Confirmed User
                          • Jan 2005
                          • 7990

                          #13
                          The below code will work.

                          Code:
                          img
                                     {
                                     border-width: 1px;
                                     border-color: #FFFFFF;
                                     border-style: solid;
                                     }
                          I don't mean to be a prick but I suggest reading a manual on CSS once.

                          Comment

                          • Tom_PM
                            Porn Meister
                            • Feb 2005
                            • 16443

                            #14
                            This is a nice old reference that is worth a bookmark: http://www.htmlhelp.com/reference/css/properties.html

                            Check the box properties.

                            It could also be other parts of your HTML code too. IE and FF handle Margin, Cellspacing and Padding differently. So if you have padding in the HTML, or other conflicting things, try one by one until you find it.
                            43-922-863 Shut up and play your guitar.

                            Comment

                            • Pete-KT
                              Workin With The Devil
                              • Oct 2004
                              • 51532

                              #15
                              Originally posted by swedguy
                              You haven't set the width of the border

                              border: #FFFFFF;

                              should be

                              border: 1px solid #FFFFFF;


                              and what psili said.
                              When I did that every table got a border even if the border is specified as zero

                              Comment

                              • psili
                                Confirmed User
                                • Apr 2003
                                • 5526

                                #16
                                K. We have the stylesheet, throw down an example HTML of how your actually using it. That may help a bit.
                                Your post count means nothing.

                                Comment

                                • datatank
                                  Confirmed User
                                  • Aug 2004
                                  • 5471

                                  #17
                                  This is a lifesaver
                                  http://www.w3schools.com/css/css_examples.asp

                                  Comment

                                  • Pete-KT
                                    Workin With The Devil
                                    • Oct 2004
                                    • 51532

                                    #18
                                    Got it thanks guys

                                    Comment

                                    • swedguy
                                      Confirmed User
                                      • Jan 2002
                                      • 7981

                                      #19
                                      Originally posted by Pete-KT
                                      When I did that every table got a border even if the border is specified as zero
                                      Just look at the what style name the table has and set it in the appropriate style, for example:

                                      .style1 { ...... }

                                      Make sure that the other tables doesn't use the same style.

                                      Comment

                                      • psili
                                        Confirmed User
                                        • Apr 2003
                                        • 5526

                                        #20
                                        Originally posted by Pete-KT
                                        Got it thanks guys
                                        You going to share how it was fixed ?
                                        Your post count means nothing.

                                        Comment

                                        • RazorSharpe
                                          Confirmed User
                                          • Aug 2001
                                          • 2238

                                          #21
                                          Hi Pete,

                                          first off, there is an opening brace / close brace mismatch. Basically, the number of open don't match the number of close braces.

                                          The culprit is style 5 and 7

                                          next, you have multiple semi-colons after values, like this:

                                          border: #FFFFFF;;

                                          it should be:
                                          border: #FFFFFF;

                                          Cheers ...
                                          Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

                                          Comment

                                          • mikeyddddd
                                            Viva la vulva!
                                            • Mar 2003
                                            • 16557

                                            #22
                                            Originally posted by psili
                                            You going to share how it was fixed ?
                                            At least he gave a thanks. So many times there's not even a

                                            Comment

                                            • Pete-KT
                                              Workin With The Devil
                                              • Oct 2004
                                              • 51532

                                              #23
                                              Originally posted by psili
                                              You going to share how it was fixed ?

                                              Had the wrong style set for my table easy fix just overlooked it

                                              Comment

                                              • sfera
                                                Confirmed User
                                                • Aug 2005
                                                • 8597

                                                #24
                                                this cross browser stuff is a headache sometimes

                                                Comment

                                                Working...