Jump to content

Recommended Posts

  • Members
Posted

Thanks Jason, I took a look at what you did in the styles and it looks good, but...

Maybe I am missing something, but it looks the same in 1024x768 as it does in 1280x720 with the exception that there is now a black line between the logo and the main body (which I actually like) and the menu is adjusted to the left. So not sure what other differences your changes made. I have a dual monitor set up here at work so had one set to the 1024 setting and the other at the 1280 settings so I could see them side by side. Can you get a screen shot of what it looks like on your monitor? Both my page and yours?

Yeah, I thought about including header and footer include files, but that requires some PHP coding and the PHP extension, which I am not ready to do....yet. I went and got a PHP book during lunch today, so may play with it some more this weekend if time allows.

Thanks for the help!

Mike

Michael S Tully
Vancouver, WA
Night Owl Leather
[url="http://www.nightowlleather.com"]http://www.nightowlleather.com[/url]
[url="http://www.kz650.info"]http://www.kz650.info[/url]
  • Members
Posted (edited)

Mike,

I don't know what I was thinking earlier, but I was all wrong about the 600 px causing the stretch. So just ignore all the previous comments concerning that. Your background images is actually 800px wide not 600px. I think the lack of smoothness is probably coming from the background image itself and not due to any stretching. I noticed that you've have it saved as a jpeg instead of a gif. Any reason for that? If not redo your gradient and save it as a gif.

Maybe I am missing something, but it looks the same in 1024x768 as it does in 1280x720 with the exception that there is now a black line between the logo and the main body (which I actually like) and the menu is adjusted to the left.

It should look the same. The only time it should look any different is on a wide monitor. Since you don't have access to anything wide then I would just leave your table width at 100% instead of setting it to 1024 or 1280. Thats also the most fluid layout anyway. I went ahead and edited my file for 100%. I'll reattach it to this post. The only problem with that is that it puts your menu all the way over on the right on wide screens, which is just a minor annoyance.

Oh and the black line comes from using IE. I believe I have eliminated it.

Yeah, I thought about including header and footer include files, but that requires some PHP coding and the PHP extension, which I am not ready to do....yet. I went and got a PHP book during lunch today, so may play with it some more this weekend if time allows.

Not sure what your are referring to when you say PHP extension. If your host has php installed the include would only require <?php include '/path/to/menu.html' ?>.

I guess to make a long story short, all my rework did was eliminate the line between your header and your body. If you do getting to messing with PHP and run into any problems let me know. I might be able to help.

Jason

Edit: I didn't eliminate the black line. I'm sure its just padding or margin that needs to be set to 0, probably top and bottom.

orginal.png

rework.png

nightowl.html

post-5511-1206735515_thumb.png

post-5511-1206735531_thumb.png

nightowl.html

Edited by paris32000
  • Members
Posted (edited)

Mike,

I'm going to disagree with Ken and say not to have your large images show up as a popup in a new window. I'd suggest using CSS to do an image popup on the page. Check it out:

http://www.dynamicdrive.com/style/csslibra...p-image-viewer/

Jason

Edited by paris32000
  • Members
Posted

kewl, thanks. I was debating how I wanted to do the images, the reason I was having it come up on it's own was because I was eventually going to put some longer descriptions and have each on it's own page. Though it might still be cool to do the hover enlarger now that I think about it.

Yes, IE is flaky at best, which is why I don't generally use it other than work.

I didn't know about the php include trick. Can I use that in straight html without renaming "sompage.htm" to "somepage.php"? I know what I can do with C# and ASP.net 2.0, but this unix stuff is still a mystery to me. ;) I am sure I will find out a lot more when I get into this book. Hey, if I can learn Perl in a week, I should be able to learn PHP in a week, right?

Thanks again, I will keep working on it.

Michael S Tully
Vancouver, WA
Night Owl Leather
[url="http://www.nightowlleather.com"]http://www.nightowlleather.com[/url]
[url="http://www.kz650.info"]http://www.kz650.info[/url]
  • Members
Posted
Can I use that in straight html without renaming "sompage.htm" to "somepage.php"?

Sure, just leave out all header information and body tag. So for a menu your file would contain something like this:

<ul>

<li><a href="">Home</a></li>

<li><a href="">Gallery</a></li>

<li><a href="">Contact</a></li>

<li><a href="">About</a></li>

</ul>

Eventually you can write a few lines to determine what page your own based upon the url and change your menu accordingly.

Yes, IE is flaky at best, which is why I don't generally use it other than work.

Easiest way I've found for using IE is to set your doctype to strict. However to do this I believe you have to use css instead of inline styling.

Jason

  • Ambassador
Posted

That's the kind of pop-up I was refering to, just couldn't remember the name type. You do have to be careful on the size of picture that pops up though, it tends to screw up on smaller screen sizes.

Ken

Beaverslayer Custom Leather<br />Wearable Works of Art

https://www.facebook...erCustomLeather

  • Members
Posted

Thanks, I did a little playing with it today as well. I think I like it better and I got the words to quit qrapping in IE. I still have more playing to do though. :)

Michael S Tully
Vancouver, WA
Night Owl Leather
[url="http://www.nightowlleather.com"]http://www.nightowlleather.com[/url]
[url="http://www.kz650.info"]http://www.kz650.info[/url]

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...