Показать полную графическую версию : Верстаем страничку...
Всем привет! Мой сын делает свой сайт в HTML . У него на мониторе разрешение экрана - 1280 -1024 .Он сделал сайт на narod.ru , но страницы вставил свои. Дал адрес сайта другу , а у него монитор меньше .На его мониторе картинка с сайта не вся влезает. Сын на своем мониторе попробовал установить разрешение экрана для меньших мониторов, но не знает как уменьшить картинку там. Вопросы:
1. Мы слышали ,что можно сделать сайт с плавающим разрешением экрана ,( который продстаивается под любой монитор) , как это сделать ?
2.Как в HTML сдвинуть немного вправо заголовок и другие надписи , чтобы буквы были видны полностью ? Елена.
Morpheus
10-07-2009, 12:32
1. Не указывать ширину блоков в пикселях, оставить ее плавать, т.е. если width будет 1280, а у человека ширина 1024 (например) страница будет вылезать за край. Или сделать ширину заведомо меньшую, т.е. указать например, 700. Картинки по ширине также должны влезать в эти 700 px.
2. Тегом <p align="right">текст</p>
Учебников по HTML в сети больше, чем достаточно, изучайте.
Спасибо, что ответили быстро. По п.2 мы поняли , а по п.1 нет . Напишите , пожалуйста, по- подробнее : как задать ширину блоков в пикселях ? и где ее не указывать ? каких блоков ? У него самый простой сайт - 3 страницы. Мы пробовали на своем мониторе выставить не наше разрешение экрана , а меньшее , но все равно ни чего не получилось .Книжка у нас есть, но именно этого в ней нет.Ждем от Вас ответ. Елена.
dmitryst
10-07-2009, 15:13
<body>
<!-- тут делаем "рамочку"-->
<div style="width:700px; color:#03F; background-color:#FF9;">
<!-- всё остальное -->
test texte
</div> <!-- закрыли "рамочку" -->
</body>
Morpheus
10-07-2009, 15:27
elena45, сложно говорить, не видя структуры страницы, может быть, как dmitryst протелепатил :), сделайте поиск в HTML-коде по слову width, найдете - разбирайтесь ширина чего указана.
Уважаемая elena45, а почему сын сам не спросил? Сайт сделал, а спросить стесняется :)
Идеальным вариантом было бы предоставить ссылку на сайт. Телепатия - неблагодарное дело :).
А может вы картинку использовали в качестве background, то есть фона, вот оно и обрезается?
Привет всем. Меня зовут Вадим. Я музыкант- играю на электрогитаре, пою, пишу музыку. Сейчас- электронную. Делаю свой сайт. Вот ссылка-
vadimdanilenkomusic.narod.ru
Morpheus
10-07-2009, 19:22
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
Morpheus
10-07-2009, 22:02
Сделайте в таблице (1 строка, 2 колонки), в левой колонке - фотка, в правой - текст. Ширину таблицы установите не в пикселах, а 90% например, должно получится лучше, если и так не будет всё влезать - уменьшите размер шрифта с h2 на h3 или h4.
Хм, а маленький монитор случайно не в мобильнике? Шутка, но тем не менее, это при каком размере экрана буквы не влезают?
В общем-то понятности не прибавилось. Может друг скриншот предоставит.
Ещё вопрос возник, в коде полно закрывающих тегов без открывающих, это чья вина, если ваша, то надо исправить, если народа, то уходить оттуда. Хотя если посмотреть на код, но ужасный :)
Вот вам готовый.
<!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 и весит картинка будет меньше. Насчёт букв так и не понял.
elena45, полезное инфо:
Резиновый дизайн (http://www.htmlbook.ru/content/?id=102), или тут (http://trifler.ru/blog/post_1195143636.html)
Растягивающиеся колонки + футер всегда внизу (http://trifler.ru/blog/post_1240762223.html), тут же еще (http://trifler.ru/blog/post_1178741771.html)
Спасибо. А как сделать резиновым сайт, где нет колонок, а просто пока 3 страницы. Вадим.
Напишите , пожалуйста , подробнее ,как сделать сайт резиновым , какие теги использовать в каком порядке , т.к. я еще новичек в этом . Вадим.
elena45, http://www.htmlbook.ru/content/?id=102
Вадим, ну что ты как маленький. :) Создай свой профиль, пускай будет vadim15, ничего страшного :)
vadimfls
16-07-2009, 15:53
Привет! Еще не понял , получилось или нет выйти на форум.
© OSzone.net 2001-2012
vBulletin v3.6.4, Copyright ©2000-2025, Jelsoft Enterprises Ltd.