Search:

http://en.wikipedia.org/wiki/Display_resolution

@aj_nsc please be respectful of other posters. Thank you.

There is an interesting article on this problem here..
http://www.awdsf.com/courseware/photoshop/ps2_ImageSize_Resolution.htm

..I agree about your comment that I said to use 72dpi is "irrelevant"..because I suggested you set the resolution of the document/image to 72 pixels per inch (72px/inch). I have never mentioned...

With regards to image formats. Your best bet is to use the export format as a Jpg, set it to medium quality and reduce the colors to strike a balance between dl time and quality.
That is the limits...

72px/inch resolution setting means that per every inch of monitor area the display renders 72pixels of image information. There is no monitor on the market that has the capability to display a higher...

This is a complete and correct doctype declaration, including the UTF-8 encoding which is missing from your code and would fail validation.
If this does not work, then the problem is not a DTD...

Try to compress it using 8bit/png, or increasing the JPG compression ratio. [I would choose a Jpg over Png if I was using a big file size, unless you need the alpha channel)

It always surprises...

there a set of missing [" "] in your syntax [style="property:value"]

Present


<p style="color:sienna;margin-left:20px">This is a paragraph.</p>

Missing

I checked out your site its nice by way. Here is a Website I designed that uses floated images, lists...the lot.




http://alicesaunders.com/


If you have any specific questions relating to...

Some fonts look good in print and some look good on the screen. The font you are using may not be one of the ones that look good on the screen. If you switch to pixel preview in Illustrator your...

well..this all depends on how skillfully you prepare the css. I mean the float property is designed to do wrap text around an the IMG element. That was the job it was added to CSS1 to do so you can...

If you post the css it may give up the answer...

as far as controlling the exact positioning of the image within the list...target it with a contextual or ckacss selector.

body div li { }

you could use a class selector or an id to signpost...

if you want to wrap a list around an image. first place the image and the list in the same parent element. Place the image in a div and float the div to the left. Floating will take care of the rest....

p.s if you are really desperate use blueprint.
http://www.blueprintcss.org/

You might use the margin property anyway on the img rule, it will work, but you'll need to do the math.

If the site...

Just to respond to that last comment - if you don't specify the relative position it is there anyway. All images, and every other block level element in CSS is set by default to position in relation...

place this rule at the very top of the css. It may help in this matter.

* { margin: 0; padding: 0; }

margin-left: auto;
margin-right:auto;
margin-top: 0

-- does not work --

margin: 0 auto;

the shorthand notation places it higher in the specificity order than the longhand form set as...

margin-right:auto; // achieves the same as not stating it.
margin-left:auto; // achieves the same as not stating it.

If you need to center a div use:

#page { margin: 0 auto; }

oh by...

The * selector should be at the top of the stack by the way.

..if you throw in a bulleted image into the mix you have to separate the two img by using a class selector or a contextual selector - on either one will do probably.

img {
position: relative;
top: ?
left: ?
}

..is if the image is set to float, you should define its position in relation to the container div and place it where you want it to the side to the ul. If you don't specify the position the browsers...

create 2 floated divs within your content.


column 1, column2 {
float left;
height: ?:
width: ?;
}
Give the divs an id each: