That's a good question. I'm not sure what is the right answer. I'll do some research and get back to you if I discover an useful answer. You should email the people at iContact as they probably could assist you..
Thanks Scoutt. I knew that about the resolution. I have a 19" monitor set to 1024x768 and the only way I know how to check to see if something will work in the lower resolutions is to change it. I was trying to avoid that by making a paper template to get a visual on it without changing anything. My brain tells me what it should look like but my eyes don't believe it...lol.
There are 72 pixels per inch, so each inch of graph paper is 72 pixels on the screen..
However... you can also get monitors that are 96 pixels per inch. You could, I suppose, design for 84ppi, but that would appear too large on some monitors and too small on others..
For what it's worth, I do the same thing, use a paper template for some pages. I use quad graph paper, 4 squares to the inch, and each square is 18px. It works out well enough. My handwriting is a bit too large to cover just half a square, vertically, so it works out that things like menus are a bit longer on my page than they are on the screen, but that's not a major deal. I think it actually helps compensate for screens that are smaller than my 17" monitor..
Does that help?.
Using percentages trake care of that, say 100% then it doesn't matter what resolution they have..
Is that why your navigation is messed up, Peg?..
*g* Nah. The nav's buggered because I'm using a Mac and a 17" monitor, Jere. I forgot that PCs have built-in magnifying glasses..
Thanks Peg, that does help tremendously. That makes more sense than what I came up with lol..
Scoutt, I try use percentages but that doesn't help when deciding the margins and padding. And right now I am trying to figure out iframes and from what I understand you have to use absolute positioning...am I wrong as usual?.
Easy bits first. You can use percentages with margins and padding. If you're going to use graph paper to plot things out, give your page a 'size' of about 720px. *g* That gives you plenty of space for the res/monitor size differences and each square (40 of them) represents 2.5% of the page. I'm not sure you can use decimal percentages, but rounding up or down isn't going to make that much of a difference to most pages..
And now for the major headache. iFrames. They don't have to be absolutely positioned, but you can't use percentages for their width or height. There might be a workaround for it, though..
Create a <div> measured in percentages and put the iframe inside that. When you block out the position of the iframe on paper, calculate the width and height in pixels, rather than percentages. Use that value for your iframe size..
Then, match your <div> background to that of your iframe. At.
Worst, on the larger screens, it will look like some of your text is.
Created like this paragraph, either without a wrap-around for the.
Text or as if it were created with a shorter wrap margin than the.
Containing frame. By putting the <div> background as the same.
Colour as the iframe, it makes it less noticeable..
Oh, and maybe set the margins/padding of the iframe to 0 and the padding of the <div> to 2-3 px. That would allow the smaller screens to see basically the same thing as the larger ones do..
*g* At least, that's one way of doing it. I can't guarantee it will work, but it's a thought..
Nope, you can stick iframes anywhere you want, even in tables and those are not absolute..
I'm not sure if this will help you, but here is a free ruler I keep the shortcut on my desktop. It's very easy to use; you can flip it vertically, too. There's a pro version as well..
Wow thanks Aboveaverage! This is exactly what I searched for but couldn't find lol..