Верстаем страничку...

Аватара пользователя
elena45

Верстаем страничку...

Сообщение elena45 »

Всем привет! Мой сын делает свой сайт в HTML . У него на мониторе разрешение экрана - 1280 -1024 .Он сделал сайт на narod.ru , но страницы вставил свои. Дал адрес сайта другу , а у него монитор меньше .На его мониторе картинка с сайта не вся влезает. Сын на своем мониторе попробовал установить разрешение экрана для меньших мониторов, но не знает как уменьшить картинку там. Вопросы:

1. Мы слышали ,что можно сделать сайт с плавающим разрешением экрана ,( который продстаивается под любой монитор) , как это сделать ?

2.Как в HTML сдвинуть немного вправо заголовок и другие надписи , чтобы буквы были видны полностью ? Елена.
Аватара пользователя
Morpheus

Re: Верстаем страничку...

Сообщение Morpheus »

1. Не указывать ширину блоков в пикселях, оставить ее плавать, т.е. если width будет 1280, а у человека ширина 1024 (например) страница будет вылезать за край. Или сделать ширину заведомо меньшую, т.е. указать например, 700. Картинки по ширине также должны влезать в эти 700 px.

2. Тегом

Код:

Код: Выделить всё

<p align="right">текст</p>

Учебников по HTML в сети больше, чем достаточно, изучайте.
Аватара пользователя
elena45

Re: Верстаем страничку...

Сообщение elena45 »

Спасибо, что ответили быстро. По п.2 мы поняли , а по п.1 нет . Напишите , пожалуйста, по- подробнее : как задать ширину блоков в пикселях ? и где ее не указывать ? каких блоков ? У него самый простой сайт - 3 страницы. Мы пробовали на своем мониторе выставить не наше разрешение экрана , а меньшее , но все равно ни чего не получилось .Книжка у нас есть, но именно этого в ней нет.Ждем от Вас ответ. Елена.
Аватара пользователя
dmitryst

Re: Верстаем страничку...

Сообщение dmitryst »

Код: Выделить всё

<body>
<!--  тут делаем "рамочку"-->
 <div style="width:700px; color:#03F; background-color:#FF9;">
<!-- всё остальное -->
test texte
</div>  <!-- закрыли "рамочку" -->
</body>
Аватара пользователя
Morpheus

Re: Верстаем страничку...

Сообщение Morpheus »

elena45, сложно говорить, не видя структуры страницы, может быть, как dmitryst протелепатил Изображение, сделайте поиск в HTML-коде по слову width, найдете - разбирайтесь ширина чего указана.
Аватара пользователя
Igor_I

Re: Верстаем страничку...

Сообщение Igor_I »

Уважаемая elena45, а почему сын сам не спросил? Сайт сделал, а спросить стесняется Изображение

Идеальным вариантом было бы предоставить ссылку на сайт. Телепатия - неблагодарное дело Изображение.

А может вы картинку использовали в качестве background, то есть фона, вот оно и обрезается?
Аватара пользователя
elena45

Re: Верстаем страничку...

Сообщение elena45 »

Привет всем. Меня зовут Вадим. Я музыкант- играю на электрогитаре, пою, пишу музыку. Сейчас- электронную. Делаю свой сайт. Вот ссылка-

vadimdanilenkomusic.narod.ru
Аватара пользователя
Morpheus

Re: Верстаем страничку...

Сообщение Morpheus »

elena45, Вадим, на сайте нет ничего, что могло бы "вылезать за края", если Вы про эту картинку

Код:

Код: Выделить всё

<IMG SRC="IMG_3027.JPG"WIDTH=300"HEIGHT=300" >

и она не помещается по вертикали, так ничего страшного. Единственное, в этой строчке неправильный синтаксис, надо так:

Код:

Код: Выделить всё

<IMG SRC="IMG_3027.JPG" WIDTH="300" HEIGHT="300">

300 и 300 быть не может, будет квадрат. Если критично, измените размер картинки в графическом редакторе и пропишите новый размер в коде. Также можно уменьшить размер шрифта.
Аватара пользователя
elena45

Re: Верстаем страничку...

Сообщение elena45 »

Дело в том, что у друга маленький монитор. Я сам делал разрешение как у него- справа самые первые буквы от верха до низа на странице видны только наполовину их бы сдвинуть немного и было бы классно.
Аватара пользователя
elena45

Re: Верстаем страничку...

Сообщение elena45 »

дизайн лучше резиновым делать. например ширина элемента-родителя 100%, а внутри него можно важные блоки (напр. боковое меню) фиксировать размером в пикселях... с табличной версткой это нетрудно... верстать лучше под 17" 1024*768

картинки лучше ресайзить под размер тега img
Ответить

Вернуться в «Вебмастеру»