WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » problem with the nav bar

View previous topic View next topic Go down  Message [Page 1 of 1]

1problem with the nav bar Empty problem with the nav bar Thu Jul 15, 2010 7:01 am

Agent24

Agent24
Registered Member
Registered Member
My current nav bar looks like this
problem with the nav bar Pw479

i want it too look like this
problem with the nav bar 2wri81j

when i remove the css sheet that is below it will become the 2nd picture shown above. All i want to remove is the black part below the nav bar, but when i delete the whole sheet, it removes some features that i like. What part of it should i remove to get rid of the black stuff?

Code:
/* Menu-------------------------------------------------*/
.navbar {

clear: both;
background-image: url("http://a.imagehost.org/0817/wbg.gif");
padding:0px 10px;
}

.buttons div.post-icon {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.5;}

.buttons div.post-reply-icon {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.5;}

.buttons div.post-icon:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.85;
opacity: 1.0;
top: -2px;
}

ul.linklist li a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

ul.linklist li a img:hover {
filter:alpha(opacity=70); 
-moz-opacity: 0.65; 
opacity: 0.65;
position: relative;
top: -1px;
cursor:allowed;
}

ul.linklist li a img:active {
filter:alpha(opacity=0); 
-moz-opacity: .0; 
opacity: .0;
}

ul#picture_legend {
        background-position: center;
        background-repeat: no-repeat;
        background-image: url('http://a.imagehost.org/0781/picture_legend.png');
   text-align: CENTER;
   padding: 24px 0;
   }

2problem with the nav bar Empty Re: problem with the nav bar Thu Jul 15, 2010 11:43 am

ankillien

ankillien
Administrator
Administrator
Hello,

Can you provide a like link to your forum?
misspelled



Last edited by ankillien on Thu Jul 15, 2010 6:43 pm; edited 1 time in total (Reason for editing : correcting misspelled word)

3problem with the nav bar Empty Re: problem with the nav bar Thu Jul 15, 2010 12:18 pm

Nem

Nem
Registered Member
Registered Member
link* in case he doesn't understand Wink

http://www.graphics-post.com/forum

4problem with the nav bar Empty Re: problem with the nav bar Thu Jul 15, 2010 9:36 pm

Agent24

Agent24
Registered Member
Registered Member
here http://bearvillecove.forumotion.com
the css sheet came with the theme

5problem with the nav bar Empty Re: problem with the nav bar Thu Jul 15, 2010 10:59 pm

ankillien

ankillien
Administrator
Administrator
Thanks for the link Smile

Try adding this code at the end of all other codes in your CSS..

Code:
.navbar {background-image:none;}

6problem with the nav bar Empty Re: problem with the nav bar Fri Jul 16, 2010 6:52 am

Agent24

Agent24
Registered Member
Registered Member
that took the silver thing behind the nav bar away

7problem with the nav bar Empty Re: problem with the nav bar Fri Jul 16, 2010 7:22 am

RockerMan

RockerMan
Technician
Technician
Looks fine for me....

What browser are you using? Test it in firefox or chrome. It has CSS3

http://www.graphics-post.com/

8problem with the nav bar Empty Re: problem with the nav bar Fri Jul 16, 2010 8:35 am

Agent24

Agent24
Registered Member
Registered Member
may i ask what what CSS3 is?

9problem with the nav bar Empty Re: problem with the nav bar Fri Jul 16, 2010 8:59 am

ankillien

ankillien
Administrator
Administrator
I saw your forum with Firefox and IE but I didn't see that black part below the nav images!

What browser are you using?

10problem with the nav bar Empty Re: problem with the nav bar Fri Jul 16, 2010 6:10 pm

Unknown Data

Unknown Data
Registered Member
Registered Member
may i ask what what CSS3 is?
CSS3 is a new way to style CSS. Shortly told, it got some new features/effect fx pseudo-classes and the combinations you can make during the styling.

http://woops.dk

11problem with the nav bar Empty Re: problem with the nav bar Sat Jul 17, 2010 12:42 am

Agent24

Agent24
Registered Member
Registered Member
oh, im using explore, i just tried firefox and it looked ok. Maybe its just explores problem

12problem with the nav bar Empty Re: problem with the nav bar Sat Jul 17, 2010 1:14 am

RockerMan

RockerMan
Technician
Technician
Yeah, IE does not support CSS3 Wink

http://www.graphics-post.com/

13problem with the nav bar Empty Re: problem with the nav bar Sat Jul 17, 2010 2:28 am

Agent24

Agent24
Registered Member
Registered Member
oh dang, is there any way to get rid of part of the css not have the black on ie?

14problem with the nav bar Empty Re: problem with the nav bar Sat Jul 17, 2010 3:11 am

RockerMan

RockerMan
Technician
Technician
Code:
/* Menu-------------------------------------------------*/
.navbar {

clear: both;
background-image: url("http://a.imagehost.org/0817/wbg.gif");
padding:0px 10px;
}

.buttons div.post-icon {
filter:alpha(opacity=100);
opacity: 0.5;}

.buttons div.post-reply-icon {
filter:alpha(opacity=100);
opacity: 0.5;}

.buttons div.post-icon:hover {
filter:alpha(opacity=100);
opacity: 1.0;
top: -2px;
}

ul.linklist li a img {
filter:alpha(opacity=100);
opacity: 1.0;
}

ul.linklist li a img:hover {
filter:alpha(opacity=70); 
opacity: 0.65;
position: relative;
top: -1px;
cursor:allowed;
}

ul.linklist li a img:active {
filter:alpha(opacity=0); 
opacity: .0;
}

ul#picture_legend {
        background-position: center;
        background-repeat: no-repeat;
        background-image: url('http://a.imagehost.org/0781/picture_legend.png');
  text-align: CENTER;
  padding: 24px 0;
  }

This should work Smile

http://www.graphics-post.com/

15problem with the nav bar Empty Re: problem with the nav bar Sat Jul 17, 2010 3:18 am

Agent24

Agent24
Registered Member
Registered Member
it didn't work Sad

16problem with the nav bar Empty Re: problem with the nav bar Sat Jul 17, 2010 3:21 am

RockerMan

RockerMan
Technician
Technician
Have you deleted the one with the CSS3?

http://www.graphics-post.com/

17problem with the nav bar Empty Re: problem with the nav bar Sat Jul 17, 2010 3:21 am

Agent24

Agent24
Registered Member
Registered Member
i just copied your and pasted it there

18problem with the nav bar Empty Re: problem with the nav bar Sat Jul 17, 2010 4:11 am

RockerMan

RockerMan
Technician
Technician
Sorry, I don't understand you.

So that means you have deleted it? or have you just pasted it to the bottom of the CSS?

http://www.graphics-post.com/

19problem with the nav bar Empty Re: problem with the nav bar Sat Jul 17, 2010 4:21 am

Agent24

Agent24
Registered Member
Registered Member
sorry about that. I meant i deleted the css and pasted that one

20problem with the nav bar Empty Re: problem with the nav bar Sat Jul 17, 2010 6:03 am

RockerMan

RockerMan
Technician
Technician
It should work then Shocked

http://www.graphics-post.com/

21problem with the nav bar Empty Re: problem with the nav bar Sat Jul 17, 2010 6:59 am

Agent24

Agent24
Registered Member
Registered Member
want a screen shot?

now i only have this(code below) in my css and the black stuff is gone but its still there when i hover over the image
Code:
ul.linklist li a img:hover {
filter:alpha(opacity=70); 
opacity: 0.65;
position: relative;
top: -1px;
cursor:allowed;
}

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » problem with the nav bar

Permissions in this forum:
You cannot reply to topics in this forum