Spacing photos on gallery page not working
0
I have the page working otherwise but the spacing isn't when added to the main.css page...
Here is a codepen of what I have working: https://codepen.io/anon/pen/rQxxyJ.enter code here
Here is the codepen that has my main.css file (disregard the HTML): https://codepen.io/AJ2021/pen/pQzmORenter code here
Any help is greatly appreciated!
css css3 shadowbox
asked Nov 12 at 18:45
Jackson Lawton
63
add a comment |
0
I have the page working otherwise but the spacing isn't when added to the main.css page...
Here is a codepen of what I have working: https://codepen.io/anon/pen/rQxxyJ.enter code here
Here is the codepen that has my main.css file (disregard the HTML): https://codepen.io/AJ2021/pen/pQzmORenter code here
Any help is greatly appreciated!
css css3 shadowbox
asked Nov 12 at 18:45
Jackson Lawton
63
Add a minimal code snippet to the question don't link to a page and expect us to dig trough the code to find out what is wrong. Also the 2 linked codepens vary too much
– SuperDJ
Nov 12 at 18:51
This is the CSS code that I can't seem to get working: #gallery img {padding: 10px; margin: 5px;background: green} I added it to my main.css file at the end and no spacing but when I put that in the codepen just by itself with the HTML code it works.
– Jackson Lawton
Nov 12 at 19:20
@JacksonLawton, the codepen examples don't let me see your main.css file, so I can't check why your CSS isn't working. If it's working in the codepen, then that makes me suspect that a) the main.css file might not be coming in properly, or maybe b) there are two or more CSS rules conflcting. But we'll need to see more code to know more.
– Sarah C
Nov 12 at 19:55
Yes it does... codepen.io/AJ2021/pen/pQzmORenter code here has the main.css file in the css section. Everything up to line 100 is in the main.css file the rest you can ignore as it is not need anymore. Let me know if you still can’t see it.
– Jackson Lawton
Nov 13 at 20:13
add a comment |
0
0
0
I have the page working otherwise but the spacing isn't when added to the main.css page...
Here is a codepen of what I have working: https://codepen.io/anon/pen/rQxxyJ.enter code here
Here is the codepen that has my main.css file (disregard the HTML): https://codepen.io/AJ2021/pen/pQzmORenter code here
Any help is greatly appreciated!
css css3 shadowbox
asked Nov 12 at 18:45
Jackson Lawton
63
I have the page working otherwise but the spacing isn't when added to the main.css page...
Here is a codepen of what I have working: https://codepen.io/anon/pen/rQxxyJ.enter code here
Here is the codepen that has my main.css file (disregard the HTML): https://codepen.io/AJ2021/pen/pQzmORenter code here
Any help is greatly appreciated!
css css3 shadowbox
css css3 shadowbox
asked Nov 12 at 18:45
Jackson Lawton
63
asked Nov 12 at 18:45
Jackson Lawton
63
asked Nov 12 at 18:45
Jackson Lawton
63
asked Nov 12 at 18:45
Jackson Lawton
63
asked Nov 12 at 18:45
Jackson Lawton
63
63
Add a minimal code snippet to the question don't link to a page and expect us to dig trough the code to find out what is wrong. Also the 2 linked codepens vary too much
– SuperDJ
Nov 12 at 18:51
This is the CSS code that I can't seem to get working: #gallery img {padding: 10px; margin: 5px;background: green} I added it to my main.css file at the end and no spacing but when I put that in the codepen just by itself with the HTML code it works.
– Jackson Lawton
Nov 12 at 19:20
@JacksonLawton, the codepen examples don't let me see your main.css file, so I can't check why your CSS isn't working. If it's working in the codepen, then that makes me suspect that a) the main.css file might not be coming in properly, or maybe b) there are two or more CSS rules conflcting. But we'll need to see more code to know more.
– Sarah C
Nov 12 at 19:55
Yes it does... codepen.io/AJ2021/pen/pQzmORenter code here has the main.css file in the css section. Everything up to line 100 is in the main.css file the rest you can ignore as it is not need anymore. Let me know if you still can’t see it.
– Jackson Lawton
Nov 13 at 20:13
add a comment |
Add a minimal code snippet to the question don't link to a page and expect us to dig trough the code to find out what is wrong. Also the 2 linked codepens vary too much
– SuperDJ
Nov 12 at 18:51
This is the CSS code that I can't seem to get working: #gallery img {padding: 10px; margin: 5px;background: green} I added it to my main.css file at the end and no spacing but when I put that in the codepen just by itself with the HTML code it works.
– Jackson Lawton
Nov 12 at 19:20
@JacksonLawton, the codepen examples don't let me see your main.css file, so I can't check why your CSS isn't working. If it's working in the codepen, then that makes me suspect that a) the main.css file might not be coming in properly, or maybe b) there are two or more CSS rules conflcting. But we'll need to see more code to know more.
– Sarah C
Nov 12 at 19:55
Yes it does... codepen.io/AJ2021/pen/pQzmORenter code here has the main.css file in the css section. Everything up to line 100 is in the main.css file the rest you can ignore as it is not need anymore. Let me know if you still can’t see it.
– Jackson Lawton
Nov 13 at 20:13
Add a minimal code snippet to the question don't link to a page and expect us to dig trough the code to find out what is wrong. Also the 2 linked codepens vary too much
– SuperDJ
Nov 12 at 18:51
Add a minimal code snippet to the question don't link to a page and expect us to dig trough the code to find out what is wrong. Also the 2 linked codepens vary too much
– SuperDJ
Nov 12 at 18:51
This is the CSS code that I can't seem to get working: #gallery img {padding: 10px; margin: 5px;background: green} I added it to my main.css file at the end and no spacing but when I put that in the codepen just by itself with the HTML code it works.
– Jackson Lawton
Nov 12 at 19:20
This is the CSS code that I can't seem to get working: #gallery img {padding: 10px; margin: 5px;background: green} I added it to my main.css file at the end and no spacing but when I put that in the codepen just by itself with the HTML code it works.
– Jackson Lawton
Nov 12 at 19:20
@JacksonLawton, the codepen examples don't let me see your main.css file, so I can't check why your CSS isn't working. If it's working in the codepen, then that makes me suspect that a) the main.css file might not be coming in properly, or maybe b) there are two or more CSS rules conflcting. But we'll need to see more code to know more.
– Sarah C
Nov 12 at 19:55
@JacksonLawton, the codepen examples don't let me see your main.css file, so I can't check why your CSS isn't working. If it's working in the codepen, then that makes me suspect that a) the main.css file might not be coming in properly, or maybe b) there are two or more CSS rules conflcting. But we'll need to see more code to know more.
– Sarah C
Nov 12 at 19:55
Yes it does... codepen.io/AJ2021/pen/pQzmORenter code here has the main.css file in the css section. Everything up to line 100 is in the main.css file the rest you can ignore as it is not need anymore. Let me know if you still can’t see it.
– Jackson Lawton
Nov 13 at 20:13
Yes it does... codepen.io/AJ2021/pen/pQzmORenter code here has the main.css file in the css section. Everything up to line 100 is in the main.css file the rest you can ignore as it is not need anymore. Let me know if you still can’t see it.
– Jackson Lawton
Nov 13 at 20:13
add a comment |
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53268284%2fspacing-photos-on-gallery-page-not-working%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53268284%2fspacing-photos-on-gallery-page-not-working%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Add a minimal code snippet to the question don't link to a page and expect us to dig trough the code to find out what is wrong. Also the 2 linked codepens vary too much
– SuperDJ
Nov 12 at 18:51
This is the CSS code that I can't seem to get working: #gallery img {padding: 10px; margin: 5px;background: green} I added it to my main.css file at the end and no spacing but when I put that in the codepen just by itself with the HTML code it works.
– Jackson Lawton
Nov 12 at 19:20
@JacksonLawton, the codepen examples don't let me see your main.css file, so I can't check why your CSS isn't working. If it's working in the codepen, then that makes me suspect that a) the main.css file might not be coming in properly, or maybe b) there are two or more CSS rules conflcting. But we'll need to see more code to know more.
– Sarah C
Nov 12 at 19:55
Yes it does... codepen.io/AJ2021/pen/pQzmORenter code here has the main.css file in the css section. Everything up to line 100 is in the main.css file the rest you can ignore as it is not need anymore. Let me know if you still can’t see it.
– Jackson Lawton
Nov 13 at 20:13