CodeChargeMVP
Posts: 473
|
| Posted: 11/04/2010, 4:22 AM |
|
Hi,
I´m re-organazing our project (placing every element on the right place in the screen)
and I know than the menu it´s included on a layer and than I´m able to modify the
width and the height from this layer, that´s ok, but my question is more simple than that
¿where do I know the weight and the height from my menu looking at the file Menu.css?
¿is it also possible modify the position of the menu in the screen with any css option
modifying any parameter from Menu.css?
Thank you very much in advance.
I´m still not very deep on css knowledges.
_________________
Best Regards
Entrepeneur | NT Consultant
|
 |
 |
CodeChargeMVP
Posts: 473
|
| Posted: 11/05/2010, 2:59 AM |
|
By studying theory i´ve find out next:
This is the code from the menu:
<link rel="stylesheet" type="text/css" href="{page:pathToRoot}Styles/adx.css">
<link rel="stylesheet" type="text/css" href="{page:pathToRoot}Styles/Simple/Menu.css">
<!--Esta es la cabecera del Informante-->
<!-- BEGIN Menu Menu1 -->
<span style="position:relative; left:305px; top:0px;" class="MenuStyle" id="cabMenu1Container">
<ul class="adxm {Menu1:MenuType} level1">
<!-- BEGIN Item -->
<!-- BEGIN OpenLevel -->
<ul class="level{Menu1:Item_Level}">
<!-- END OpenLevel -->
<li {Menu1:DefaultItem}><a href="{ItemLink_Src}" class="{Menu1:Submenu}" target="{Menu1:Target}" title="{Menu1:Title}">{ItemLink}</a>
<!-- BEGIN CloseItem --></li>
<!-- END CloseItem -->
<!-- BEGIN CloseLevel -->
</ul>
</li>
<!-- END CloseLevel --><!-- END Item -->
</ul>
</span>
<!-- END Menu Menu1 -->
The two lines at the top works like an include from php or like when you include an script from javascript, so this means than this menu gotta work with two css files "adx.css" and "Menu.css".
This files are included in your project, just take a look at the folder styles.
Next I´ve realise than the span layer which covers the menu uses a class called "MenuStyle"
but I haven´t found this class neither on both files.
I still don´t know what means the code inside ul and li, I know than they´re using classes from the css files but I don´t know yet how works that code within parameters.
_________________
Best Regards
Entrepeneur | NT Consultant
|
|
|
|
CodeChargeMVP
Posts: 473
|
| Posted: 11/05/2010, 4:57 AM |
|
I´ve find out some new interesting stuff using firefox and firebug, have you ever used this tool?
_________________
Best Regards
Entrepeneur | NT Consultant
|
|
|
|
CodeChargeMVP
Posts: 473
|
| Posted: 11/05/2010, 5:37 AM |
|
This thread seems interesting:
http://forums.codecharge.com/posts.php?post_id=100019
I´m modifying this part of code fom style_doctype.css
/* BEGIN Common */
body {
color: #000000;
font-family: Arial; font-size: 70%;
}
html>body {
font-family: Arial; font-size: 70%;
}
html>body td, html>body th, html>body table {
font-size: 100%;
}
/*ie6*/
* html body {
font-family: Arial; font-size: 70%;
}
* html body td, * html body th, * html body table {
font-size: 100%;
}
/*end*/
when changing the values I experience than on firefox it makes an strange effect, shows the different values till it shows the last one, on the other hand on iexplorer 8.0 the effect takes longer to appear.
¿Any suggestion?
_________________
Best Regards
Entrepeneur | NT Consultant
|
|
|
|
CodeChargeMVP
Posts: 473
|
| Posted: 11/05/2010, 2:00 PM |
|
I think the trick is modifying the class="MenuStyle" which problably has the css parameters values for the layer which covers the menu, but to be honest I can´t find this class anywhere,
¿Any of us has this class on his css files?
Thank you very much in advance.
_________________
Best Regards
Entrepeneur | NT Consultant
|
|
|
|
|
