CSS troubles 3434 Responses

Last post: 2 years, 9 months ago | Thread started: Feb 10, 06, 11 a.m.

RespondNew TopicDisable Images

• doesnotexist

  so im actually taking the time to read up on css and not just do a once over kind of knowing it.

  anyways, im trying to do a border, not showing up.

  my element is coming through more than once...thought it was only supposed to happen once?

  and my backgrounds arent working. here's my css:

  body {
    background: #FFFFFF;
    font-family: Georgia, sans-serif;
  font-size: 12px;
  margin: 150px;
  }

  .p {font-family: georgia;
  font-size: 30px;
  font-weight: bold;
  }

  .p2 {font-family: georgia;
  font-size: 15px;
  font-weight: bold;
  color: FF9900
  }

  #container{
    width: 10%;
    margin: 20px;
    border: 5px, solid, 666666;
    background: CCCCCC;
  font-family: georgia;
  color: 666666;
  }

  Feb 10, 06, 11 a.m. – Permalink

• nocomply

  Dude..I think you gotta remove the commas from your border script. So make it looks like this:

  "border: 5px solid 666666;"

  instead of:

  "border: 5px, solid, 666666;"

  Seeing your code made me curious about the commas, so I just did a little test myself.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:06 a.m. – Permalink

• inkblot

  You should not use commas - and you really should have the color with the # sign.

  example: #CCCCCC
  (If you dont - it wont show up in some browsers)

  You should also capitalize your font families, end statement with a ;, etc..

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:09 a.m. – Permalink

• monNom

  background should be background-colour

  pretty sure you need more than one declaration to use background.

  eg:

  background: #000000 url() no-repeat;

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:11 a.m. – Permalink

• nocomply

  Yeah sorry for the quick (bad) example. What inkblot said is right. For proper semantics of your code and to make sure your code is read by all browsers, always include a "#" before declaring a color.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:13 a.m. – Permalink

• doesnotexist

  aight, so i added the #'s, no luck. and i removed the commas from the border properties...still not showing up. GAH

  im on safari osx

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:15 a.m. – Permalink

• bulletfactory

  link to the page?

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:16 a.m. – Permalink

• doesnotexist

  uploaded:

  http://paulhanger.net/css/

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:19 a.m. – Permalink

• MrWhite

  add a ";" after color: #FF9900

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:26 a.m. – Permalink

• bulletfactory

  there are some conflicting tags in there..... the body tag has 2 different background color properties - one set w/ background-color: #ffffff and the second with background:#000000 url...

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:27 a.m. – Permalink

• doesnotexist

  fixed those, still not working. weird.

  http://paulhanger.net/css

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:30 a.m. – Permalink

• version3

  http://www.w3schools.com/css/def…
  http://www.w3.org/Style/CSS/

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:31 a.m. – Permalink

• MrWhite

  what are you seeing? I am seeing an HTML page that is formatted using the stylesheet. it appears to be correct.

  post a screenshot of what you are seeing

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:32 a.m. – Permalink

• nocomply

  Yeah you got a number of issues going on in there, and the page renders very differently in FireFox and IE.

  One thing I'd say is to stay away from using percentages to define width and height whenever possible. That's really just my personal preference, but it makes things a lot easier for me to use pixels. I'm a fan of fixed width layout because they always "work" for me.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:32 a.m. – Permalink

• doesnotexist

  thanks? kind of why im asking for help, as i dont understand why it's not working.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:33 a.m. – Permalink

• doesnotexist

  aight so basically my border's not working...and my margins arent working on my container.

  screenshot:
  

  

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:35 a.m. – Permalink

• doesnotexist

  hmmm...just tested it on my pc...the borders and background for the element is coming through....why not safari?

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:37 a.m. – Permalink

• bulletfactory

  

  when i edit your css using firefox, is see those weird characters (the ?'s) - when I remove those, your page renders correctly.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:38 a.m. – Permalink

• doesnotexist

  ahhhhhh wtf?!?!

  i dont see those in dreamweaver...but i replaced what i see on your screen with spaces, IT WORKS!

  thanks, dude

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:40 a.m. – Permalink

• nocomply

  Yes I too see the "?" when I view your CSS in firefox. Perhaps thats the issue at hand. Maybe remove any whitespace characters you think you may have??

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:41 a.m. – Permalink

• bulletfactory

  glad i could help!

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earFeb 10, 06, 11:41 a.m. – Permalink