PDA

View Full Version : Layout problem vb4


Kyle55155
03-31-2010, 11:54 PM
Need a little help with a layout issue. I want to right justify the login-help-register line.
I'm thinking I need to modify either toplinks or mouser. I changed the headerbackground to black so now I need to get login-help-register line lined up with the right edge.

Also how can I change the margin setting for top ?

Thanks

--------------- Added 1270101248 at 1270101248 ---------------

Ok I have been trying to get the stupid login help-register list items right justified for the last 5 hours. This is getting seriously ridiculous. I can't find toplinks or isuser in any of the CCS files that are being called. I would think that if these classes\ id's are not listed in any of the called CSS files then they must be dynamically recreated. If that were the case then there should be a menu option in the control panel for them right?

All all want to do is right justify the login- help-register list items. Anybody know how to do this? I can't beleive this is so difficult .

Edit. Ok I was able to play abound with the code and it looks like the help-register-login is on separate layer? I need to get this right justified. Do I need to rebuild this whole section?

--------------- Added 1270140641 at 1270140641 ---------------

I came up with a solution but it sure feels klugey.

I modified the primary toplinks in chrome.css

before:

.toplinks {
position:absolute;
{vb:stylevar right}:{vb:math {vb:stylevar padding}*2};
top:0;
color:{vb:stylevar toplinks_link_color};
font: {vb:stylevar header_font};
text-align:{vb:stylevar right};
}

after:


.toplinks {
position:absolute;
right:0;
top:0;
color:{vb:stylevar toplinks_link_color};
font: {vb:stylevar header_font};
text-align:{vb:stylevar right};
}

as well as:

before:

.toplinks ul.nouser li a{
display: block;
float: {vb:stylevar right};
clear: {vb:stylevar left};
color:{vb:stylevar toplinks_link_color};
position: relative;
padding: 6px {vb:stylevar padding} 0 {vb:stylevar padding};
background: {vb:stylevar navbar_tab_background.backgroundColor};
-moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
height:{vb:math 8px + {vb:math {vb:stylevar font.fontSize}-1}};
font-weight:bold;
font-size:{vb:stylevar mid_fontSize};
margin-{vb:stylevar right}: 10px;
}


after:

.toplinks ul.nouser li a{
display: block;
float: {vb:stylevar right};
clear: {vb:stylevar left};
color:{vb:stylevar toplinks_link_color};
position: relative;
padding: 6px {vb:stylevar padding} 0 {vb:stylevar padding};
background: {vb:stylevar navbar_tab_background.backgroundColor};
-moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
height:{vb:math 8px + {vb:math {vb:stylevar font.fontSize}-1}};
font-weight:bold;
font-size:{vb:stylevar mid_fontSize};
margin-{vb:stylevar right}: 0px;
}


There has got to be a better way to do this, no?

how does this: {vb:math {vb:stylevar padding}*2}; get a value?