What were you able to make using...

User 187934 Photo


Senior Advisor
20,239 posts

I think the menu position would be fine if a filler would be placed to the right that matches it.:)
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 2276240 Photo


Registered User
194 posts

Jo Anne thank you for pointing out the image issue. I just flat missed that. I have that correct now with the exception of the two pages dealing with the racing and the one on restoration. I need to work on the images I have to get them all the same sizer without upsetting the aspect ratio, or search for some new images.

The Contact form is now centered, again just a simple syntax error in my coding.

As for the main title being centered, I tried to get that while in the design stage, but no matter what I did, it remained to the left. I tried the center command on the image only. I tried tell it to center by using the align="center" inside the table cell. I even tried to set up a class in my style sheet.

Finally on the menu, I originally designed the page at 1024x768. at that resolution the menu fills that area, but as the resolution increases so does the space to the right. If I were able to get it centered in the resolution I used (1400x900) the menu would wrap under on the lesser resolutions. Not sure how to handle that.

Eric, a filter would work, but as I mentioned above, it would wrap it on lesser resolution. I am thinking most people are using nothing less that a 1024x768. Maybe that is to low and I need to up the design resolution.
User 187934 Photo


Senior Advisor
20,239 posts

Looks good Jack.:)
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 38401 Photo


Senior Advisor
10,951 posts

Yep much nicer Jack :)
User 2276240 Photo


Registered User
194 posts

Thanks to both you and Eric, but do either of you have any suggestions for the main title on how I can get it to center and also what resolution do you suggest to design the page in. I realize that it will not view properly on smart phones and other hand held devices, but for most laptops and PC's is my concern.
User 187934 Photo


Senior Advisor
20,239 posts

<td align="center"><img src="Graphics/Main_title.png" width="700" height="100" alt="" title="" border="0" /></td>
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 2276240 Photo


Registered User
194 posts

Thanks Eric, but that was one of the first things I tried.
User 187934 Photo


Senior Advisor
20,239 posts

I copied you source code and it worked fine.:) I wonder if you have some CSS overriding it.
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 187934 Photo


Senior Advisor
20,239 posts

Change your index CSS for your image to this.;)

img {
display: block;
margin-left: auto;
margin-right: auto
}
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 130978 Photo


Ambassador
3,025 posts

Eric Rohloff (Rolly) wrote:
Change your index CSS for your image to this.;)

img {
display: block;
margin-left: auto;
margin-right: auto
}



That will override all images using the css....and perhaps some should not be centered. I would suggest an img bit in css for borders, though as adding the borders to the image (ie, border="0") is now deprecated in HTML 5

so

img {
border:0px;
}

Is a good base point for your css.

I tried the following within the td tag (A few issues with HTML5 validation there in the td, too, but is seems to be "working" --- though throwing errors) :



<div style="width:700px;margin-left:auto;margin-right:auto;">
<img src="http://jacksvettesite.coffeecup.com/Graphics/Main_title.png" alt="" title="" style="width:700px;margin-left:auto;margin-right:auto;border:0px;" /></div>

inside the <td>


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.