[quote=“Erik_J, post:19, topic:200702”]
Whish I had a ready link about clearing techniques here
[/quote]There’s a SitePoint article about clearing:
and a recent thread discussing clearfix:
2 Likes
It’s all sorted out now, I think… I know it’s got loads of errors with the https://validator.w3.org
so how do I go about fixing all that…
it’s just a dummy site…
The only problem I had is the right hand side by the gallery is about 1px sticking out. How do I fix this?
[quote=“darkxangel84, post:22, topic:200702, full:true”]It’s all sorted out now, I think… I know it’s got loads of errors with the https://validator.w3.org
so how do I go about fixing all that…
it’s just a dummy site…
[/quote]
Most of the errors are that you use the html5 “nav” element as if it was a list. An easy correction to start with is to change the nav to ul id=“nav”. That option can go for the “header” and “footer” too if you like.
Then you might want to read more about the new html5 elements and their logical semantics. (Again I wish I had ready links for that info here at SitePoint.)
The only problem I had is the right hand side by the gallery is about 1px sticking out. How do I fix this?
That right hand 1px is a rounding difference of the percent-width on the #page. It’s not the gallery sticking out, it is the #page that ends there with it because its next child, the #main div, is floated but not cleared so the wrapping #page can’t contain it.
There are different ways to have floats cleared, the one you can’t use here is by declaring overflow because the protruding ad-span would be clipped. You’ll fix this after rereading the last posts by me and @TechnoBear. 
N.B. What do you think of the three suggestions regarding the gallery in my last post? Please try them if you haven’t already, I think the gallery need some improvements to look good in a narrow viewport.
Ok I will have a look at that. Thanks
I thought <nav> </nav> was HTML5
Ok I will have a look at that. Thanks
Looking forward to your review.
In Your OP, I was a little curious of:
I can’t use position: absolute" within any CSS. (1)
I need to create a Gallery Div, with 3 images inside that fit in the div and line up together, then I need a piece of Text over the top of the 3 images. (shorten)
(1) I’m noy saying that it would the best opton, but you couldn’t use it, why was that so?
It was a dummy project I was doing and I got told I wasn’t to use that.
IMHO it was stupid to say so. One option less to explore and learn how to handle.
Allways put an effort when you are exploring, it is in dummy projects you can test the limits of current technique and your own skill. That’s an effictive way to learn new things, and also; you are practicing on own designs with the eventual potential to came to live in future projects.
The gallery code sample I posted, I doubt you will find it elsewhere. It can have both the images and the formatted text perfectly centred in the gallery middle, while the images is sized and cut to align equally. No matter what size the gallery box will be.
I agree
I could understand if it was something that had limited browser support but position absolute is not an “edge case” CSS property.
I would be interested in knowing the reasoning behind
Idk why I wasn’t allowed. I got given the design and ask to code for a dummy project. And there was things I had to use and things I wasn’t to use. Maybe they wanted me to use something else. But anyway thanks for your help…
I do have another site I’m building which is my own portfolio so I may post that up in new post.
[quote=“darkxangel84, post:29, topic:200702, full:true”]Idk why I wasn’t allowed. I got given the design and ask to code for a dummy project.
[/quote]
You don’t know why AP wasn’t allowed.
Ok
I got given the design and ask to code…
Ok, sort of a skill test then.
And there was things I had to use and things I wasn’t to use.
Think I asked what conditions the code had to meet.
Maybe they wanted me to use something else.
The very first answer hinted there were options.
But anyway thanks for your help…
You asked for code, was the code really the help you needed?
I think there is more help for you in this thread than you realize.
Anyway, you are welcome to post all questions you’ll run in to building your portfolio.
Until then as a pastime:
Try out the three suggestions I made in post #19 about the need to improve the code of the demo as you had implemented it?
Notice what works differently and learne if not and if why its behavier became robust to changes of any dimensions?
I refrain from other details that could be good to know.
Hi Erik, Thank you for all your help. Do these posts just delete themselves after we are finished with them?
I posted you a new post on a new topic now.
No - they stay here as a reference for anybody else with a similar problem. (And for you, if you find yourself thinking in three months’ time “Now, what was it Erik_J said about that…?” )
And that’s why it’s always worth searching before posting a new topic, because you may be able to find the answer straight away and save yourself the wait for reply.
2 Likes
Oh right ok. Can’t the images on the posts be removed… ??
We only edit information out where there is a very good reason. Removing images or other information reduces the usefulness of the topic to others. See the FAQs:
1 Like
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.