Movements on links when click/hold and tableview editpics.php

[Manutjee]

Hello everyone,

I am trying to succesfully design and code a responsive coppermine theme and I think I'm almost finished with my current theme.
I only can't seem to get rid of two very minor (I think they're minor) issues. Whenever I click on the navigation/links in the system menu (the one that holds the Home, Login, Contact etc.) and hold the mousebutton down, it seems to move a bit like there is padding/margin added. The same happens whenever I click on the navigation/links in the admin menu (the one that holds the Config, Categories, Albums etc.) and I can't seem to figure out why that happens.

The second and last (hopefully ) minor issue is the fact that when there are images added via the batch-add function, I get this vertical-table-look that I don't like on that page. How can I put those links (Album Properties, Parent Category and Thumbnail view) horizontally aligned?

I've tried figuring it out by using the inspector-tool in both Chrome and Mozilla's Firefox but I can't seem to figure it out.

Attachments are added below.
I apologize for the crappy explanations, I'm way too frustrated right now and I'm Dutch so... 

[Manutjee]

Can't edit my post, but it also happens on the "powered by coppermine"-link. And I forgot to provide a link for you guys: http://www.98designs.flaunt.nu/portfolio/index.php?theme=cpgpremade13chemsworth

[ron4mac]

Whenever I click on the navigation/links in the system menu (the one that holds the Home, Login, Contact etc.) and hold the mousebutton down, it seems to move a bit like there is padding/margin added. The same happens whenever I click on the navigation/links in the admin menu (the one that holds the Config, Categories, Albums etc.) and I can't seem to figure out why that happens.

You have a font-size difference (12,13) in the .syssub style declarations in style.css that may be causing the issue.

[edit]
Looking in more depth ... those font movements are intentionally being caused by style transitions in style.css

[allvip]

What your saying is the a:active state.

Your theme ignores a:active from

Code Select Expand


a:link, a:active, a:visited


and takes it from here (you forgot to add .catlink before a:active and a:visited)

Code Select Expand


.catlink a:link, a:active, a:visited


It should be

Code Select Expand


.catlink a:link,.catlink a:active,.catlink a:visited


I added some attachments to show more clear what you try to say.
What the error is.

The second and last (hopefully ) minor issue is the fact that when there are images added via the batch-add function, I get this vertical-table-look that I don't like on that page. How can I put those links (Album Properties, Parent Category and Thumbnail view) horizontally aligned?

You have display:block; on the .admin_menu. Delete it.
I think the admin_menu class is used on other pages too. If you need display:block; for the admin menu on other pages let me know.

Code Select Expand


.admin_menu {
    font-family: 'Roboto', sans-serif;
    display: block;
    font-style: normal;
    font-size: 100%;
    font-weight: 500;
    border: 1px solid #5a5a5a;
    background-color: #e9e9e9;
    color: #5a5a5a;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}


BTW it does not has to do with batchadd. Is just the editpics.php admin menu style.
It shows like that no matter what you use to upload or if you try to edit the files in an album.

[allvip]

I edited the topic title for two reasons (Small coding issues: Movements on links when click/hold and tableview @ batchadd) :

_batchadd will show in the search for users that will search topics for batchadd issues (this topic has nothing to do with batch add).
_ don't use in the title something like Small coding issues:, help etc

Just describe the issue in the title.

[Manutjee]

Oh, crap... I feel stupid, haha! I checked the .css file twice and I was so focused on the issue being margin/padding, that I completely forgot about the possibilities of it being the font-size.
I solved every issue I've mentioned previously, but there's one thing I don't think I fully understand, and that's the editpics.php file. Were you (trying to) say(ing) that no matter how I do it, that page will display itself like that or am I still able to tweak around that page and get the 'Album properties', 'Parent category' and 'Thumbnail view' to align horizontally?

Thank you very much for helping me solve these issues and giving a better explanation of what I was trying to say.

[allvip]

but there's one thing I don't think I fully understand, and that's the editpics.php file. Were you (trying to) say(ing) that no matter how I do it, that page will display itself like that

I just wanted to say that no matter how you do it you will still be redirected to editpics.php not that the page will display itself like that.

or am I still able to tweak around that page and get the 'Album properties', 'Parent category' and 'Thumbnail view' to align horizontally?

You have display:block; on the .admin_menu. Delete it.
I think the admin_menu class is used on other pages too. If you need display:block; for the admin menu on other pages let me know.

Code Select Expand


.admin_menu {
    font-family: 'Roboto', sans-serif;
    display: block;
    font-style: normal;
    font-size: 100%;
    font-weight: 500;
    border: 1px solid #5a5a5a;
    background-color: #e9e9e9;
    color: #5a5a5a;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}


[Manutjee]

I just wanted to say that no matter how you do it you will still be redirected to editpics.php not that the page will display itself like that.


You have display:block; on the .admin_menu. Delete it.
I think the admin_menu class is used on other pages too. If you need display:block; for the admin menu on other pages let me know.

Code Select Expand


.admin_menu {
    font-family: 'Roboto', sans-serif;
    display: block;
    font-style: normal;
    font-size: 100%;
    font-weight: 500;
    border: 1px solid #5a5a5a;
    background-color: #e9e9e9;
    color: #5a5a5a;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}


I'm not sure if I need display:block; for the admin menu on other pages.
I disabled it by adding an underscore (_) and it seems fine as of now. What would I need to add/change/delete if I need the display:block; on other pages?

[allvip]

Just more specific css but if I don't know where that may be need it then I can not know what styles to post.

EDIT:  Just start a new topic if you need it and click topic solved for this one.