Что если пользователь запретил показ изображений на страницах?
 

Как правильно верстать в таких случаях? Располагать текст за картинками?
Если да, то как правильно это сделать?
Есть ли кроссбраузерный вариант решения?

Значит он увидит то, что он увидит... :D

у картинки есть атрибут alt, в котором содержится текст, который будет показываться в случае того, если у пользователя отключен показ картинок.

чтобы не сплющивался блок с картинкой, можно задать картинкам ширину и высоту самому, можно будет задать цвет, таким образом показав, что "тут была картинка"

можно в div и не обрамлять, зачем лишний элемент, просто в стилях img все прописать

<img src="xxx" alt="Картинка" style="width:200px; height:100px; background:gray; color:white; display:block;">

а зачем 'display:block'. IMG ведь инлайновый элемент

Если изображение несет в себе смысл — прописать альтернативный текст и сохранить габариты. Делать заливку совершенно ни к чему, ибо в большинстве случаев режим "без изображений" устанавливают для печати.

Если изображение исключительно для декорации (элемент дизайна) — альтернативный текст не требуется, достаточно сохранить структуру и разметку документа (форматирование, габариты, отступы).

поставьте display:inline-block, если это нужно
без display:... бывает FF размеры, даже если они указаны не держит когда не может загрузить изображение

А вот кстати - если у пользователя отключён вывод изображений, можно ли его вывести в canvas?

хороший вопрос... НЕТ (там канвас, я отключил показ картинок в хроме.. и шиш)

Так. То есть, отключение показа изображений так же "отключает" канвас на странице? Вообще никакие средства графического отображения использовать не получится?