Re-imagination or Re-Booting - Page 2

User 184085 Photo


Ambassador
1,707 posts

OK, used the suggestions and updated, I think I have quashed the spacing issue at the top and tweaked the colours so I think I am good to go with filling in the info, but as all you know things work great till you fill in the site and all sorts of issues pop up ;)

Keep you suggestions flowing it's all learning for me.
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 2073552 Photo


Registered User
1,625 posts

david wilson wrote:
@sirage

Yes I trid the header styling directly and it works great, but when I put in the article with it's header and such it picked up on the style for the page, so I played and thought I would need more than one class of header and thought well if I was using it only onece on the page than for the main header on the page I would use an ID and then for all subsequent headers on the page I would style them directly.

working on the suggestions today, will update but keep the suggestions coming, it is all good for learning :)


David,

I forgot to mention that last night in my first post.

The header you have set for your article should be an Header tag. You need at least 1 H1 tag on every page. :P
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
User 184085 Photo


Ambassador
1,707 posts

SirAGE wrote:


I forgot to mention that last night in my first post.

The header you have set for your article should be an Header tag. You need at least 1 H1 tag on every page. :P


I have a H1 tag surrounding my banner "Dave in Cyberspace" but good suggestion for all of us to make sure we have at least one :)
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 2073552 Photo


Registered User
1,625 posts

david wilson wrote:
SirAGE wrote:


I forgot to mention that last night in my first post.

The header you have set for your article should be an Header tag. You need at least 1 H1 tag on every page. :P


I have a H1 tag surrounding my banner "Dave in Cyberspace" but good suggestion for all of us to make sure we have at least one :)


You are correct. :P Sorry I missed that.

"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
User 184085 Photo


Ambassador
1,707 posts

SirAGE wrote:


You are correct. :P Sorry I missed that.



No problem, I also updated the code with lots of comments in the html and css so hopefully it is clear as to what I was doing if anyone looks at it.

Plus tweaked the css a little to add colorbox and some link graphics.
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 184085 Photo


Ambassador
1,707 posts

Well aside from the second level menus now slipping under the content box things went smoothly today, now just to find and squish why that menu thing is happening and will be good to go...

But that is something for tomorrow ;)

Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 184085 Photo


Ambassador
1,707 posts

Opacity breaks my menu... who wood a thunk??
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 2073552 Photo


Registered User
1,625 posts

david wilson wrote:
Well aside from the second level menus now slipping under the content box things went smoothly today, now just to find and squish why that menu thing is happening and will be good to go...

But that is something for tomorrow ;)



You need to set a Z-Index for the <li>'s.
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
User 2073552 Photo


Registered User
1,625 posts

david wilson wrote:
Opacity breaks my menu... who wood a thunk??


Can you give the code you used?
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
User 184085 Photo


Ambassador
1,707 posts

SirAGE wrote:
david wilson wrote:
Opacity breaks my menu... who wood a thunk??


Can you give the code you used?


#mainnav{
width:58%;
margin-left:auto;
margin-right:auto;
margin-top:.5em;
min-height:36px;
border-radius: 15px;
box-shadow: 4px 4px 5px #000000;
background-color:#FFFFFF;
opacity: 0.80;
}


I'm thinking if i set the background to an rgb color and set the opacity there might be more fruitful.
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/

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.