menu bar and link area: different heights
1 Attachment(s)
Can you please tell me how do I solve this difference between the menu bar and the "link area"??? I tried to change every padding and margin options but's not working :/ Please, see attached a print screen. Thank you
|
This was just answered a couple days ago, check the forums
|
Sorry juggledad but I'm not finding specifically what I need..have u got an idea of what was the title of the tread, key words, tags???:(
|
Ok, I'm going to make you work for it.
Install the FireBug extension of FireFox and use the inspector to examine the area in question. What HTML and CSS do you see? |
I assure you I tried to find it :)
I did that before too..but I'm kind of a newbie! So, I appreciate your help even more :) I didn't know Firebug. I use Chrome so thank you for showing me this debugging which is much more simple and easy to read! So the HTML is: <body class="home page page-id-2 page-template-default"> <div id="wrapper"> <div id="container"> <table id="layout" cellspacing="0" cellpadding="0" border="0"> <colgroup> <col class="coltwo"> </colgroup> <tbody> <tr> <td id="header" colspan="1"> <div id="header1" class="bfa_widget_area"> <div id="widget_sp_image-2" class="widget widget_sp_image"> <img class="attachment-full" width="800" height="111" src="http://protocolos.mdsinsure.com/redunicre/files/2013/03/redunicre.png" style="max-width: 800px;max-height: 111px;" alt=""> </div> </div> <div class="horbar1"> </div> <div id="menu1"> <ul id="rmenu2" class="clearfix rMenu-hor rMenu"> <li class="page_item page-item-2 current_page_item"> <a href="http://protocolos.mdsinsure.com/redunicre/"> <span>Home</span> </a> </li> <li class="page_item page-item-23"> <a href="http://protocolos.mdsinsure.com/redunicre/subscricao-mr-comercio-servicos/"> <span>Subscrição MR Comércio & Serviços</span> </a> </li> <li class="page_item page-item-25"> <a href="http://protocolos.mdsinsure.com/redunicre/subscricao-acidentes-de-trabalho/"> <span>Subscrição Acidentes de Trabalho</span> </a> </li> </ul> </div> </td> </tr> And the style is: .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } div#menu1 ul.rMenu { background: none repeat scroll 0 0 #D1D0D0; border: 1px none #D1D0D0; } ul.rMenu-hor { padding-left: 1px; } ul.rMenu, ul.rMenu li, ul.rMenu ul { list-style: none outside none; } ul.rMenu, ul.rMenu ul, ul.rMenu li, ul.rMenu a { display: block; margin: 0; padding: 0; } .clearfix { display: block; min-width: 0; } ul, ol, dl, p, h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; margin-top: 10px; padding-bottom: 0; padding-top: 0; } :confused: |
Go put a border on 'menu1'
|
Doesn´t work! I tried adding
div#menu1 ul.rMenu { border: 5 none #D1D0D0; } in the CSS inserts --> ATO Then in ATO -->Style and edit header area--> both borders of hor bars.. Stills the same :/ |
so you put a border on the ul that is a child of the element which has the ID 'menu1'
|
Didn't work out too :(
|
sorry, I had a head cold yesterday and rereading what I wrote even 'I' can't understand it.
what I wanted to say is you put the border on the <ul> which is a child of the <div> with the class 'menu1' - put the border on the div |
Hi!
Still doesn't work.... :confused: |
What did CSS you use and where did you put it?
|
The CSS you mentioned earlier is
HTML Code:
div#menu1 ul.rMenu { |
Sorry for my late answer...well now you set me up :P I'm a CSS newbie but let's see:
border: 5 none #D1D0D0; - 5 should be the border... but I guess "px" is missing, no? - none..hmm...is it the display??? - and #D1D0D0...border color?? :p |
if you are not sure of the syntax look it up! w3schools.com/css is a reference site I use all the time.
|
All times are GMT -6. The time now is 12:44 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.