Back To Website Design Forum

CSS Same style - 2 different output !?

  • George L.
  • Bronze Member
  • Bronze Member
  • No Avatar
  • Joined: Nov 05, 2007
  • Posts: 2206
  • Loc: Malaysia
  • Status: Offline

Post July 22nd, 2008, 9:39 am

Code: [ Select ]
 
.bottombar {
        padding: 0px;
    text-align: center;
    color: #555555;
        font-size: 1.1em;
        background-color: #fff58a;
        border-top-style: outset;
        border-bottom-style: outset;
        border-left-style: inset;
        border-right-style: inset;
        border-top-width: 16px;
        border-bottom-width: 3px;
        border-left-width: 3px;
        border-right-width: 3px;
        border-color: #008efb;
}
 
 
  1.  
  2. .bottombar {
  3.         padding: 0px;
  4.     text-align: center;
  5.     color: #555555;
  6.         font-size: 1.1em;
  7.         background-color: #fff58a;
  8.         border-top-style: outset;
  9.         border-bottom-style: outset;
  10.         border-left-style: inset;
  11.         border-right-style: inset;
  12.         border-top-width: 16px;
  13.         border-bottom-width: 3px;
  14.         border-left-width: 3px;
  15.         border-right-width: 3px;
  16.         border-color: #008efb;
  17. }
  18.  
  19.  


The result is fine, but there are 2 different styles for Admin; and registered users.

What can i do so only 1 style is displayed!?

lol

:)

Thanks in advance.
Attachments:
registered.JPG

Registered users page

Attachments:
admin.JPG

Admin page

  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post July 22nd, 2008, 9:39 am

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post July 22nd, 2008, 10:00 am

Heh. My suggestion would be...

Code: [ Select ]
# .bottombar {
#         padding: 0px;
#         text-align: center;
#         color: #555;
#         font-size: 1.1em;
#         background-color: #fff58a;
#         border:1px solid #000;
# }
  1. # .bottombar {
  2. #         padding: 0px;
  3. #         text-align: center;
  4. #         color: #555;
  5. #         font-size: 1.1em;
  6. #         background-color: #fff58a;
  7. #         border:1px solid #000;
  8. # }


Hehehehe :)


//Seriously, I wouldn't try to use borders as a means of graphic design.
- dM
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8212
  • Loc: USA
  • Status: Offline

Post July 22nd, 2008, 8:21 pm

Which one is correct?
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • George L.
  • Bronze Member
  • Bronze Member
  • No Avatar
  • Joined: Nov 05, 2007
  • Posts: 2206
  • Loc: Malaysia
  • Status: Offline

Post July 22nd, 2008, 10:03 pm

I'd just discovered that it's something to do with different browsers.

IE is the first picture, while FF, Opera and Safari shows the second one.


...What do you think I should do?

The second 1 is the ideal one, Bogey...
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8212
  • Loc: USA
  • Status: Offline

Post July 22nd, 2008, 10:25 pm

It must be a conflict with two CSS styles that define the same attribute to the same class...

If you have Notepad++ installed and all of your CSS files opened you can search within those files for the class you are editing. This way, you are able to see which one has borders/background colors already defined in them.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • George L.
  • Bronze Member
  • Bronze Member
  • No Avatar
  • Joined: Nov 05, 2007
  • Posts: 2206
  • Loc: Malaysia
  • Status: Offline

Post July 22nd, 2008, 10:34 pm

Notepad++..
Uh, free? Can I see the changes I make instantly?

sounds great..

I'm just thinking to just allow this to happen since either one doesn't look that bad.
  • George L.
  • Bronze Member
  • Bronze Member
  • No Avatar
  • Joined: Nov 05, 2007
  • Posts: 2206
  • Loc: Malaysia
  • Status: Offline

Post July 22nd, 2008, 10:36 pm

DM: thanks I'm going to test yours later, not sure if that's what I'd use...
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8212
  • Loc: USA
  • Status: Offline

Post July 22nd, 2008, 10:41 pm

Notepad++ is free... just google Notepad++ and the first result would most likely be the right one.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • George L.
  • Bronze Member
  • Bronze Member
  • No Avatar
  • Joined: Nov 05, 2007
  • Posts: 2206
  • Loc: Malaysia
  • Status: Offline

Post July 22nd, 2008, 10:45 pm

Thanks, Bogey I'd play with it later..

How about your site??
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8212
  • Loc: USA
  • Status: Offline

Post July 22nd, 2008, 10:57 pm

George L. wrote:
Thanks, Bogey I'd play with it later..

How about your site??

No problem. Any time :D

[off-topic]

It's doing great... I took off the link because it's not finished yet and replaced with fun facts I found on the web :lol:

I'm re-styling the phpBB3 forum to fit my forum. I'm basically done with it... just redoing some minor details and integrating my non phpBB files to fit with phpBB files. About 75% done :P Can't wait until I'm fully done.

Also waiting for some phpBB3 hack to come out... the ticket system you find on hosting services :lol:

Sorry to get so braggy about my site :lol: you asked (my excuse).
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • George L.
  • Bronze Member
  • Bronze Member
  • No Avatar
  • Joined: Nov 05, 2007
  • Posts: 2206
  • Loc: Malaysia
  • Status: Offline

Post July 22nd, 2008, 11:10 pm

I don't know how to test the CSS file I've made in notepad++, can I just run it??

//No bragging at all, it's normal positive vibe you must have to build your site :)
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8212
  • Loc: USA
  • Status: Offline

Post July 22nd, 2008, 11:45 pm

What are you talking about? All you have to do is create a test page using those styles and there you go... testing them :)
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • George L.
  • Bronze Member
  • Bronze Member
  • No Avatar
  • Joined: Nov 05, 2007
  • Posts: 2206
  • Loc: Malaysia
  • Status: Offline

Post July 23rd, 2008, 12:33 am

Do I need additional plugins??

I don't get what you mean by test page and test it...
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8212
  • Loc: USA
  • Status: Offline

Post July 23rd, 2008, 12:48 am

You just create another HTML page... no plug in other than your brain

something like

<html>
<head>
<title>title</title>
</head>
<body>
<div class="style">
</div>
</body>
</html>
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • George L.
  • Bronze Member
  • Bronze Member
  • No Avatar
  • Joined: Nov 05, 2007
  • Posts: 2206
  • Loc: Malaysia
  • Status: Offline

Post July 23rd, 2008, 2:58 am

Ok, thanks I'm going to use my brain with this. Got no other choice, but to use my most powerful weapon. You asked for it.

:)

thanks,
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post July 23rd, 2008, 2:58 am

1, 2

Post Information

  • Total Posts in this topic: 19 posts
  • Users browsing this forum: No registered users and 151 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.