Верстаем страничку... - Компьютерный форум OSzone.net

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)

- Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)

- - Верстаем страничку... (http://forum.oszone.net/showthread.php?t=144692)

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

Всем привет! Мой сын делает свой сайт в HTML . У него на мониторе разрешение экрана - 1280 -1024 .Он сделал сайт на narod.ru , но страницы вставил свои. Дал адрес сайта другу , а у него монитор меньше .На его мониторе картинка с сайта не вся влезает. Сын на своем мониторе попробовал установить разрешение экрана для меньших мониторов, но не знает как уменьшить картинку там. Вопросы:
1. Мы слышали ,что можно сделать сайт с плавающим разрешением экрана ,( который продстаивается под любой монитор) , как это сделать ?
2.Как в HTML сдвинуть немного вправо заголовок и другие надписи , чтобы буквы были видны полностью ? Елена.

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

Код:

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

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

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

Код:

<body>

<!--  тут делаем "рамочку"-->

 <div style="width:700px; color:#03F; background-color:#FF9;">



<!-- всё остальное -->

test texte





</div>  <!-- закрыли "рамочку" -->

</body>

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

Уважаемая elena45, а почему сын сам не спросил? Сайт сделал, а спросить стесняется :)
Идеальным вариантом было бы предоставить ссылку на сайт. Телепатия - неблагодарное дело :).
А может вы картинку использовали в качестве background, то есть фона, вот оно и обрезается?

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

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

Код:

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

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

Код:

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

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

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

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

Сделайте в таблице (1 строка, 2 колонки), в левой колонке - фотка, в правой - текст. Ширину таблицы установите не в пикселах, а 90% например, должно получится лучше, если и так не будет всё влезать - уменьшите размер шрифта с h2 на h3 или h4.

Хм, а маленький монитор случайно не в мобильнике? Шутка, но тем не менее, это при каком размере экрана буквы не влезают?
В общем-то понятности не прибавилось. Может друг скриншот предоставит.
Ещё вопрос возник, в коде полно закрывающих тегов без открывающих, это чья вина, если ваша, то надо исправить, если народа, то уходить оттуда. Хотя если посмотреть на код, но ужасный :)
Вот вам готовый.

HTML код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="description" content="Мелодичная электронная инструментальная музыка в стиле New Age.">

<meta name="keywords" content="Мелодичная электронная инструментальная музыка в стиле New Age.">

<title>Вадим Даниленко</title>

</head>

<body bgcolor="FF9900" text="#0000FF">

<h1>Вадим Даниленко</h1>

<h2> Мелодичная электронная инструментальная музыка в стиле New Age.</h2>

<img src="f_Vadim.jpg" width="200" height="200" alt="музыка на realmusic.ru">

<div title="скачать музыку на realmusic.ru">

<a href="http://www.realmusic.ru/fls/?from=MyBandBtn">

<img src="http://www.realmusic.ru/media/lb/my_music.gif"

 border="0"

 alt="RealMusic.ru - Музыкальный хостинг. Размещайте слушайте и скачивайте музыку в mp3 бесплатно."></a>

</div>

<a href="chap1.htm">Обо мне</a><a href="chap2.htm">Контакты</a> 

</body>

</html>

Догадался посмотреть размеры изображения 1412х1419, это круто :) Возьмите да уменьшите редактором до приемлего значения. Те же 300х300 и весит картинка будет меньше. Насчёт букв так и не понял.

Спасибо. А как сделать резиновым сайт, где нет колонок, а просто пока 3 страницы. Вадим.

Напишите , пожалуйста , подробнее ,как сделать сайт резиновым , какие теги использовать в каком порядке , т.к. я еще новичек в этом . Вадим.

elena45, http://www.htmlbook.ru/content/?id=102
Вадим, ну что ты как маленький. :) Создай свой профиль, пускай будет vadim15, ничего страшного :)

Привет! Еще не понял , получилось или нет выйти на форум.