I need help here - Post ID 197728

User 434929 Photo


Ambassador
938 posts

Hi Coffee lovers :)

I made my 1st website base on HTML5 & CSS3 with CoffeeCup HTML Editor which can be access at following link;

http://www.feizsite.com/demo/

I can not figure out why images are not fitting to picture box or block.

Anyone kindly help me out please.

all pictures can be viewed here as well

http://www.feizsite.com/demo/img/

and another problem I have is if I extend text in one of navigation btn the last navigation text falls under the first one, any idea?

And yet to link all respective images to to their website, which I have no problem with that.
Guys at coffeecup are awesometacular.
User 187934 Photo


Senior Advisor
20,267 posts
Online Now

Looks to me you need to re-size the images.:)
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 184085 Photo


Ambassador
1,707 posts

I'm seeing the images are different sizes also, as they are declared in the html also, an example is the cc.png image shows to me as 700 x 525 , but in the html it is declared as 484 x 299.
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 434929 Photo


Ambassador
938 posts

I fixed the problem

All images has now 499 W x 299 H dimension and thank you for reminding me :)

And I set CSS like this

figure {
background-color : #0080c0;
border : #e4e4e4 solid 3px;
float : right;
height : 300px;
width : 500px;
margin-left : 15px;
overflow : hidden;
}

And it was all because of image box/ block margin was -30px left

Now I set margin 0px left

figure img {
margin-left :0px;
}


I solved the problem now :)

This is my first project with CoffeeCup HTML Editor base on HTML5 and CSS3.

I never liked hand coding but now love CoffeeCup HTML Editor more:)

During process of my project I come a cross that CoffeeCup HTML Editor missing two HTML5 tags as follow:

Anyway thank you guys:)
Guys at coffeecup are awesometacular.
User 184085 Photo


Ambassador
1,707 posts

Yup, occasionally the developers flake out after long hours of coding and red bull, but have no fear, you can add you own tags to the tag lists ;)

http://www.coffeecup.com/help/articles/customizing-code-completion-in-the-html-editor/

PS: nice clean design.
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.