Home News Contact Us Forum About Us Demos Products F.A.Q.
ARI Soft









Register   Lost Password?
Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin







e-mail: info@ari-soft.com
Shopping Cart
You currently have 0 items in your cart.
Show Cart


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.
    more...

  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.
    more...


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?
ARI Soft Forum
Joomla components
ARI Ext Menu

Text alignment and height
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Text alignment and height
#48927
Text alignment and height 10 Years, 7 Months ago Karma: 0
Hi,

I want to integrate the ARI Ext Menu to a website and I have some problems to customize the layout:

1. The height of the first level I set to 55px, but there's an additional space below in the same background color like in the attached image. If the second level is shown, it appears at the right position. How can I get rid of this additional space? Here it is another problem, that this space is in front of the submenu.

2. Inside the height of 55px I want to center the text vertical. How can I do that?

At the moment I use the following css-code inside the module:

Code:

.ux-menu-container UL.ux-menu LI.ux-menu-item-level-0,
.ux-menu-container UL.ux-menu LI A.ux-menu-link-level-0
{
 border-style: none;
 height: 55px;
}

.ux-menu-container UL.ux-menu LI.ux-menu-item-level-1,
.ux-menu-container UL.ux-menu LI A.ux-menu-link-level-1
{
 border-style: none;
}
/* -- nur aufklappen, wenn Maus darber -- */
UL.ux-menu-hidden
{
 display: none !important;
}

UL.ux-menu SPAN.ux-menu-arrow
{
 display: none;
}
tubauwe
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#48928
Re:Text alignment and height 10 Years, 7 Months ago Karma: 760
Hello,

Send a link to a page where we can see the menu. It can be a conflict with site template styles.

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#48929
Re:Text alignment and height 10 Years, 7 Months ago Karma: 0
Hi,

my page isn't online at the moment, because it isn't ready at the moment.

Here's the content of my css style sheet:

Code:

body {
margin: 0;
background-color: #4d4849;
font-family: "oswaldbook", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4D4948;;
line-height: 150%;
}

#header {
height: 80px;
background-color: #333031; }

#logo {
width: 960px;
margin: 0 auto;
padding-top: 10px;
padding-left: 20px;
}

#nav_background {
height: 55px;
background-color: #4d4849;
}

#nav {
width: 960px;
margin: 0 auto;
padding-left: 0px;
padding-top: 0px;
}

#nav a {
text-decoration: none;
color: #120a01;
font-weight: bold;
font-size: 20px;
text-transform: uppercase;
color: #c2c1c1;
padding-right: 20px;
}

#nav ul {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

#nav ul li {
    display: inline;
    float: left;
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#content_background {
min-height:650px;
background-image: url(../images/background.jpg);/* der Pfad zum Bild */
}

#content {
background-color: #ffffff;
width:960px;
min-height:650px;
margin: 0 auto;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}

#footer_background {
min-height: 120px;
background-color: #4d4849;
}

#footer {
width:960px;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}

.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

h1 {font-size: 20px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}

a {
text-decoration: none;
color: #120a01;
font-style: bold;
}


And here is my index.php:

Code:

<?php

defined('_JEXEC') or die;

/* The following line loads the MooTools JavaScript Library */
JHtml::_('behavior.framework', true);

/* The following line gets the application object for things like displaying the site name */
$app = JFactory::getApplication();
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<jdoc:include type="head" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/formate.css" type="text/css" />

</head>

<body>

<div id="header">
<div id="logo">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo.png" height="60" alt="Logo" />
<!-- end #logo --></div>
<!-- end #header --></div>
<div id="nav_background">
<div id="nav">
<jdoc:include type="modules" name="nav" style="xhtml" />
<!-- end #nav --></div>
<!-- end #nav_background" --></div>
<div id="content_background">
<div id="content">
<jdoc:include type="modules" name="breadcrumb" style="xhtml" />
<jdoc:include type="component" />
<jdoc:include type="message" />
<jdoc:include type="modules" name="debug" />
<!-- end #content --></div>
<!-- end #content_background --></div>
<div id="footer_background">
<div id="footer">
<jdoc:include type="modules" name="footer" style="xhtml" />
<!-- end #footer --></div>
<!-- end #footer_background --></div>
</body>


I hope, this is enough.
tubauwe
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#48930
Re:Text alignment and height 10 Years, 7 Months ago Karma: 760
Let us know when the menu is available online so we can investigate the problem.

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#48933
Re:Text alignment and height 10 Years, 7 Months ago Karma: 0
Hi,

now my website is temporarily online here.

Thank you!

Regards.

tubauwe
tubauwe
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#48934
Re:Text alignment and height 10 Years, 7 Months ago Karma: 760
Replace the following CSS rule:

.ux-menu-container UL.ux-menu LI.ux-menu-item-level-0,
.ux-menu-container UL.ux-menu LI A.ux-menu-link-level-0
{
border-style: none;
height: 55px;
}

with the following one:

.ux-menu-container UL.ux-menu LI A.ux-menu-link-level-0
{
line-height: 34px;
border-style: none;
}

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 1
ARI Soft Forum
Joomla components
ARI Ext Menu
Powered by Kunenaget the latest posts directly to your desktop
Useful Links
Products
F.A.Q.
Discount
RSS
Top Products
ARI Data Tables
ARI Sexy Lightbox
ARI Quiz
ARI Stream Quiz - Personal
ARI Smart Content
Help
Forum
F.A.Q.
Home | News | Contact Us | Forum | About Us | Demos | Products | F.A.Q.
ARI Soft
License | Terms and Conditions | Copyright Info | Privacy Policy
 
ARI Soft
Copyright © 2009