A little CSS design issue I found on...

User 2590668 Photo


Registered User
40 posts

On the index page notice that the 1200px by 500px image at the top lines up on the right side with the images below in related works
http://www.momentostudios.ca/momentonew/light-html/

On the single -portfolio page the top image 1200px by 500px does not line up on the right side with the right side of the images below
http://www.momentostudios.ca/momentonew … folio.html

I don't know where the adjustment can be made.to have everything flush. right and left. Much appreciated.
Attachments:
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info

User 187934 Photo


Senior Advisor
20,271 posts

I see on the one that looks correct you have
<div class="row">
<div class="col-md-12">
<div class="page-title">
<h2>Latest works</h2>
</div>
</div>
</div>

On the one that displays incorrectly the row is wrapped within several div.

<div class="col-md-12">
<div class="work-screenshots">
<h3>Related works</h3>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="related-works">
<a href="parks-b.html">
<img class="img-responsive" src="img/parks4-b1.jpg" alt="">
<h4>I spent my childhood days in Niagara Falls Ontario</h4>
</a>
<p>We had no cares about the future or the past</p>
</div>
</div>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2590668 Photo


Registered User
40 posts

I tried removing all reference to col which we added to the CSS and I replaced the CSS with the original file CSS. The right side alignment problem went away. BUT I HAVE NO COLUMNS. Is there another way around this?

http://www.momentostudios.ca/momentonew … rep-p.html
http://www.momentostudios.ca/momentonew … chive.html

James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info

User 187934 Photo


Senior Advisor
20,271 posts

Your going to need to clarify what your after. I'm not seeing issues that are obvious.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2590668 Photo


Registered User
40 posts

Creating extra columns seems to produce misalignment or perhaps the template has restricted the column use. Do you know of a column code which will not cause this? The "webkit" seemed to work OK but I ran into a W3C error stating the CSS styles class cannot be a child of a div.
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info

User 187934 Photo


Senior Advisor
20,271 posts

This page looks good now.:)
http://www.momentostudios.ca/momentonew … folio.html
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2590668 Photo


Registered User
40 posts

What do you this of using an inline CSS to serve on page?
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info

User 2590668 Photo


Registered User
40 posts

The question becomes : How do I write nested two columns in a responsive l fluid layout?
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info

User 2590668 Photo


Registered User
40 posts

This page displays my database using an iframe. Is it possible to align the lower images with the top area? Doesn't matter what iframe width I use it still truncates.. Other similar pages OK

http://www.momentostudios.ca/momentonew … eet-p.html
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info

User 187934 Photo


Senior Advisor
20,271 posts

It looks like you have some validation issues.
https://validator.w3.org/nu/?doc=http%3 … -test.html
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.