How can I make submenu corners round

More
11 years 11 months ago #29095 by susanagarduno1
Hello,

Submenu in arquitecture template has the corners square (90° angle). We need the corners round, how can I get the submenu had corners round.

I'm sending a picture showing what I mean.

My url:http://cfd2.gvamundial.com.mx/prueba2/

Would you give me an advice?

Regards,

Susana Garduño
Attachments:

Please Log in to join the conversation.

More
11 years 11 months ago #29104 by ivan.milic
template_css.css:

#nav > li {
float: left;
position: relative;
margin: 0 10px 0 0;
height: 50px;
-moz-border-radius-topleft: 12px;
-webkit-border-top-left-radius: 12px;
-moz-border-radius-topright: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-bottomleft: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-webkit-border-bottom-right-radius: 12px;
border-radius: 12px 12px 0 0;
behavior: url(templates/hot_architecture/css/PIE.php);

}

remove properties I marked bold

Please Log in to join the conversation.

More
11 years 11 months ago #29130 by susanagarduno1
Hello again,

Maybe I didn't express well my idea.

My boss asked the corners in the page were always rounded, not squared.

The hotel template is a good example of we need.

We would needed the style of hotel template's top menu but applied to arquitecture template.

(I tried to copy the css of top menu from hotel template to arquitecture template but it was a mess and I didn't get the rounded corners effect). :P

My url: cfd2.gvamundial.com.mx/prueba2/

I'm sending pictures trying to be more clear.

Thanks in advance.

Susana
Attachments:

Please Log in to join the conversation.

More
11 years 11 months ago #29141 by ivan.milic
then it is:

#nav ul{
-moz-border-radius-topleft: 12px;
-webkit-border-top-left-radius: 12px;
-moz-border-radius-topright: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-bottomleft: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-webkit-border-bottom-right-radius: 12px;
border-radius: 12px 12px 0 0;
behavior: url(templates/hot_architecture/css/PIE.php);
}

Please Log in to join the conversation.

More
11 years 11 months ago #29153 by susanagarduno1
I appreciate your answer, but I applied the changes you send me but nothing happens. Submenu is still squared, not rounded.

Could you give me another advice? (I applied the changes in local server to try them and not in production server so you wont see the changes in my online version now).

cfd2.gvamundial.com.mx/prueba2/

Susana

Please Log in to join the conversation.

More
11 years 11 months ago #29161 by ivan.milic
I see in source code css is not in place like I instructed

Please Log in to join the conversation.

Time to create page: 0.166 seconds
Powered by Kunena Forum