Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 18/11/2017 Black Friday is coming

    Don't wait BLACK FRIDAY, use FRIDAY17 coupon code to get 35% discount for all our extensions right now.

  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.


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?

Text alignment and height
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Text alignment and height
#48927
Text alignment and height 3 Years, 8 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;
}

The administrator has disabled public write access.
 
#48928
Re:Text alignment and height 3 Years, 8 Months ago Karma: 670
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
The administrator has disabled public write access.
 
#48929
Re:Text alignment and height 3 Years, 8 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.
The administrator has disabled public write access.
 
#48930
Re:Text alignment and height 3 Years, 8 Months ago Karma: 670
Let us know when the menu is available online so we can investigate the problem.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#48933
Re:Text alignment and height 3 Years, 8 Months ago Karma: 0
Hi,

now my website is temporarily online here.

Thank you!

Regards.

tubauwe
The administrator has disabled public write access.
 
#48934
Re:Text alignment and height 3 Years, 8 Months ago Karma: 670
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
The administrator has disabled public write access.
 
Go to topPage: 1