Rather than giving us screenshots, it’s more helpful if you can give us a live URL (even it it’s only a mock-up page on a development site, if you don’t want to publish the actual URL) so that we can see exactly what’s going on.
Regarding the 1st screenshot, I removed the log-in button (this will be the case on any inner page). The same left side bar you will find on the site itself. The idea is to replace a href=“#” with inner URL (I am creating new inner pages instead of having everything open on the index page).
There is a “login” button above the “not registered yet” bar. You really cannot raise that bar by more than a few pixels. You might consider a different layout, such as putting the “login” button below the “not registered yet” bar.
On the other hand, if you wish to go for raising the bar a small amount, I suggest the following changes:
Position:relative is generally a poor way to move an object because the original space occupied by the object doesn’t move, only the apparent position of the object changes. Margins are usually a better choice.
Let us know if this works for you, then we’ll go to the next item.
I’m not exactly sure what you mean by “inner pages”.
Usually, one addresses a page either by using the full URL (as you have done) or with a shorter relative path.
When I click the “signup” button on your site, I am taken to the signup.php page. Although there is a fragment identifier at the end of the URL, #SignupForm, I do not see the target of that identifier on the page so it simply opens at the head of the page.
I believe that the third screen shot is the example you are talking about where you would like to address a particular target or line within a particular page.
To do that, you must add the fragment identifier to the end of the URL (in the manner shown on the existing “signup” button), AND you must have a matching target ID within the page.
I am presuming that the following lines are on different pages; however they could be on the same page in which case the href would only need to contain the tagetid.
Right now clicking on anchor ‘Tools’, it will bring you to tools section on the home page. Right now I am creating inner page for this tools section (I don’t want to open this section on the home page, but should open inner page called Tools that I created). Now I would re-place in the code “#” with for example URL "mywebdomain.com/tools ".
After doing so, clicking on the tools anchor will not bring me to the new page mywebdomain.com/tools I created. Code <a href=“mywebdomain.com/tools” class=“bt-03”>Tools</a> is not working! My feeling says I need to make changes to the CSS somehow, since my link code is correct!
PS - Signup page you were referring to is a bit different case, since signup page itself is part of outsourced software.
could be a menu button or a link on the home page that the user clicks and will be taken to a new page known as the Tools page.
For that button to work, the tools page must be named tools.htm (or .html, or .php depending on your site).
IF you want the user to go to the tools.htm page AND ALSO be taken to an list somewhere down the page named “inventory”,
THEN you would first have to be sure that the list has in ID of “inventory”. IF the list has an ID of “inventory”, you could ADD something called a fragment identifier to the URL of the tools page which would take the user directly to the “inventory” list on the tools page.
This would be on your new page named “tools.htm”.
If you what the user to start at the top of the “tools.htm” page, then there is nothing more to do.
If you want the user to be taken down the page to the “inventory” list, then that inventory box should have in ID of “inventory” (as felgall shows with the <h2> tag).
I changed the linking code as I want it (screenshot - example) - I gave it a red border. The other screenshot (name: example 2) , gives location on the index page.
Now when clicking on this link anchor ‘Contact’ it doesn’t bring me to this page (it stays on the index). This is what I need to fix in order to get it work! (to me it looks that I need to make adjustments to the CSS somehow)
Another possibility, if you still want to use http://www.lottorevenues.com/contact is to put your contact page in a folder named contact, and call the contact page index.html (or index.php) depending on your requirements. I never do this, because it just adds extra layers to the file structure of the site, but I have heard about this technique to keep the urls nice looking without having to do too much complicated coding.
On lottorevenues.com home page, clicking the “contact” link in the menu takes me to the page contact.html, which is what I would expect. The other links in that menu are internal page links and therefore take me to other parts of the home page - also what I would expect. So in what way do you mean it’s not working for you?
I suspect your problem lies with your JS, which is not my forte. Either way, you need to work out why your styling is only being applied when JS is enabled - that’s definitely not right. :)[/edit]