HelpHelpSearchSearchMembersMembersCalendarCalendar
Welcome, Guest. Please login or register.

Login with username, password and session length
November 19, 2008, 02:06:24 PM
Please use the support forum for support issues instead of sending me pm's. Thanks.
I will not reply to support issues via pm.
« previous next »
Pages: [1]   Go Down
0 Members and 1 Guest are viewing this topic. Topic Tools  
Read May 18, 2007, 06:17:48 PM #0
Richie P

SlickPro Graphite - menu positioning/alignment

Hi there m3talc0re,

Awesome work with all your theme's btw, but I've a slight issue with the SlickPro Gaphite one.

I've a Joomla site at 1024px width with the SMF board wrapped into the site using the SMF bridge. Problem is that the menu's for 'Search' and 'Quick links' when clicked, are misaligned. The 'Search' appears under 'Logout' and the 'Quick links' appears off the right of the page. This is because the site is designed and restricted to 1024px wide for compatibility reasons, and the Drop down/Overlapping content script by dymanicdrive.com isn't working properly. It appears to be positioning the menu's as if the forum was 100% wdith.

Do you know of a way to make the dynamicdrive script position the menu's correctly?
Offline  
Read May 21, 2007, 10:00:36 PM #1
Richie P

Re: SlickPro Graphite - menu positioning/alignment

Bump?  Confused

Please people Smiley
Offline  
Read May 23, 2007, 03:22:14 PM #2
m3talc0re

Re: SlickPro Graphite - menu positioning/alignment

I'm not sure why it's doing that, but on the drop down divs, inside of index.template.php, try adding margin-left:-60px; and see if that helps. You'll probably have to increase or decrease the number of pixels, but you get the idea.


The real hell is your life gone wrong.
Offline  
Read May 28, 2007, 10:10:23 PM #3
Richie P

Re: SlickPro Graphite - menu positioning/alignment

Thanks for the reply, are these the lines you mean to change in the index.template.php and have I done it right?

Code:
<DIV id="subcontent" style="position:absolute; border: 2px solid #3d3d3d; background-color: white; width: 210px; padding: 2px; display:none; margin-left:-60px">
...
<DIV id="quicklinks" style="position:absolute; border: 2px solid #3d3d3d; background-color: white; width: 150px; padding: 2px; display:none; margin-left:-60px">

Because if so, then unfortunately that doesn't work. More likely I've done something wrong though, so if you can let me know what I should have done, or if you've any other ideas I'd be really grateful.

Thanks.  Smiley
Offline  
Read May 30, 2007, 06:38:31 AM #4
wisobe

Re: SlickPro Graphite - menu positioning/alignment

Hello,

I have the same problem actually. And my topics are reaching the left and right side of the screen, which isn't normal because normally there is a border. It is only the case when I'm not logged in. When I'm logged in, there is no problem at all.

One more thing, if I'm not wrong, I think there was no problem in the beginning, and suddenly there is.

Please somebody help ...
Offline  
Read June 01, 2007, 02:10:31 PM #5
m3talc0re

Re: SlickPro Graphite - menu positioning/alignment

I need links and/or screenshots, without 'em, I can't really debug the problem.


The real hell is your life gone wrong.
Offline  
Read June 03, 2007, 10:09:35 AM #6
wisobe

Re: SlickPro Graphite - menu positioning/alignment

I have removed the option which require registration. You can see the topics are touching the border of the screen and the options are not arranged well.

Here you have an additional screenshot:



Once more, when registered and logged in, there is no problem anymore.  Confused Confused
Offline  
Read June 11, 2007, 01:43:17 PM #7
Richie P

Re: SlickPro Graphite - menu positioning/alignment

Forum link:
http://www.digitalreport.net/component/option,com_smf/Itemid,32/

Or without the Joomla wrapping -
http://www.digitalreport.net/forum

With the wrapped forum, the larger the horizontal screen resolution, the further the menu's are off (<1280px is ok), but with the unwrapped forum, the menu's are fine whatever the resolution.

As the forum width isn't flexible, is it possible to position the menu's relative to the centre point in the screen?

i.e
Centre = Horizontal resolution / 2
Search position = Centre -  100px
QuickLinks position = Centre + 300px



Offline  
Read July 03, 2007, 07:29:36 AM #8
Richie P

Re: SlickPro Graphite - menu positioning/alignment

Come on guys?!

Seriously no way of doing this:

i.e
Centre = Horizontal resolution / 2
Search position = Centre - 100px
QuickLinks position = Centre + 300px
Offline  
Read July 07, 2007, 05:46:15 PM #9
m3talc0re

Re: SlickPro Graphite - menu positioning/alignment

I'm trying to figure it out. I'm trying to replicate the problem so I can debug it and fix it. At the very least, find out what's causing it and try to prevent it or counteract it. But at the moment, I can't replicate the problem Undecided You aren't the only one I've seen with this problem, so it's got to be something, I just don't know what yet...


The real hell is your life gone wrong.
Offline  
Read July 07, 2007, 06:51:10 PM #10
m3talc0re

Re: SlickPro Graphite - menu positioning/alignment

Okay, I think i've figured something out. In your template, you have this: <div class="wrapper">

Before that, put this: <div align="center"> and then close it at the end of the template of course.

Now in the template_css.css (http://www.digitalreport.net/templates/rt_carbonation/css/template_css.css), you have this:
Code:
div.wrapper
{
margin: auto;
position: relative;
}

Comment out the margin: auto; so it's /*margin: auto;*/

This should work for you, let me know how it goes. Btw, this was a major pain in the ass to figure out Tongue


The real hell is your life gone wrong.
Offline  
Read July 25, 2007, 10:28:20 AM #11
Richie P

Re: SlickPro Graphite - menu positioning/alignment

Okay, I think i've figured something out. In your template, you have this: <div class="wrapper">

Before that, put this: <div align="center"> and then close it at the end of the template of course.

Now in the template_css.css (http://www.digitalreport.net/templates/rt_carbonation/css/template_css.css), you have this:
Code:
div.wrapper
{
margin: auto;
position: relative;
}

Comment out the margin: auto; so it's /*margin: auto;*/

This should work for you, let me know how it goes. Btw, this was a major pain in the ass to figure out Tongue

Many thanks for your efforts m3talc0re, it really is appreciated, I'll try them when I get home this evening and report back how I get on.

Thanks again Smiley

Offline  
Pages: [1]   Go Up
Jump to:  

Theme by Webtechnica.net
MySQL PHP Powered by SMF 1.1.6 | SMF © 2006-2008, Simple Machines LLC XHTML 1.0 CSS