Rustick

Большое спасибо, теперь все работает

Подойдет. Только как бы я не копировал код, у меня не отображается это окошко. Даже страничку со всеми файлами сохранил, все равно это окошко не отображается. Скиньте сюда код пожалуйста.

Нужно сделать как тут. Я имею ввиду именно это так скажем "внутреннее окошко". Там оно сделано на фреймах, хотелось бы блочными элементами сделать тоже самое. Попробовал с overflow: scroll, но скролится по вертикали. Смотреть Попробовал добавить float:left; для первого изображения, но ничего не изменилось. Смотреть с float:left Помогите пожалуйста

Каким образом определяется какой размер шрифта нужно отверстывать? То есть я захожу в фотошоп, беру соответствующий инструмент, смотрю какой шрифт и ставлю такой же в css-файле. При этом размер шрифта я также смотрю в фотошопе, то есть если там стоит например 12pt, то я указываю font-size: 12pt; 1. Я делаю верно и соответственно шрифт в верстке будет такой же как и в оригинальном макете? 2. При верстке шрифт должен подбираться визуально?

1. Например есть такая запись: border-top: 1px solid black; border-bottom: 1px solid black; Можно ли ее как-то сократить? То есть в случае с padding-top: 10px; padding-bottom: 10px; Можно было бы записать как padding: 10px 0; Если что-то схожее для border? 2. В моей теме так никто и не ответил. Как сделать палочку сбоку. То есть например так: Ссылка 1 | Ссылка 2 Именно если делать через border-right: 1px solid black; То это палочка по высоте получается гораздо больше чем текст и не совсем так как надо.

Переделал все что смог: Скриншот макета: смотреть Верстка: смотреть По совету psywalker'а делаю как в оригинале 1024px, так только учусь верстать 1 и 2 - извиняюсь, но я совсем не догоняю 4 - там палка получается по высоте гораздо больше, чем в макете, можно как-то изменить ее высоту? Понял, исправил, заработало. Всем спасибо за помощь. Появилось еще парочку вопросов: У меня в сверстанном макете судя по всему шрифт больше, чем в оригинале. Каким образом при верстке макета понимается какой размер шрифта отверстывать? То есть вот я в фотошопе посмотрел, там стоял 12pt, с таким же размером отверстал, но в левой и правой колонка оригинала гораздо больше текста умещается в 1 строчку. Или же нужно самому подбирать размер подставляя различные размеры шрифтов?

Вопрос 1 в начале топика, который я не смог решить. 1. Логотип можно было резать весь, а не разделять его по кусочкам 2. зеленые полоски (голова и ноги) можно было сделать на всю ширину экрана, и вложив в него еще один блок где было бы лого и т.д , выравнивая его по центру экрана 3. что очень удивило так это то, что вместо ссылок обыкновенный текст(навигация что в шапке, что под шапкой), и как пользователям переходить по меню? 4. ссылкам в меню можно было указать границу справа , а не писать | 5. зачем указывать так : border-right-color:#5B8617; border-right-style:solid; border-right-width:1px; когда можно просто написать border-right: 1px solid #5B8617 1. Что вы имеете ввиду под логотипом? 2. Зеленые полоски фоном, сверху логотип? 3. Хорошо, добавлю. 4. padding указаны, а | добавлены, так как они есть в макете, возможно эту палочку можно вставить каким-то css свойством? 5. Да, спасибо, возьму на заметку. Картинки - какие были в макете. Шрифт - да, забыл указать в начале, шрифт для записи Golfing.com, поменял на свой, так как его заменил фотошоп, потому что у меня его не было. Меню - прочитал статью на htmlbook.ru и решил сделать меню таким образом. Каким образом лучше делать меню, подскажите пожалуйста? И еще- если не сложно ответьте пожалуйста на два вопроса в первом сообщении. И еще вопросик появился, это нормально, то что я использую отрицательные margin?

Ширина: фиксированная, 1024px. Скриншот макета: смотреть Верстка: смотреть Возникшие проблемы: 1. Возникла проблема с IE6 & IE7. Правая колонка съезжала вниз по правой стороне. Для правой колонки было добавлено свойство display: inline; После этого появилась проблема в Firefox, конец текста правой колонки текста, появился под левой колонкой текста. 2. Возникла проблема с отступами в меню, которое было создано с использованием списка. Прописал padding: 12px 0 12px 15px; но как в макете не получилось. Вот это то, что у меня не получилось исправить. А так это мой первый макет, сверстал его недели 2 назад, но не хватало сообщений, ну вот 30 сообщений и теперь я здесь. Критика по всем фронтам приветствуется. Что сделал не так? Что можно было сделать лучше? И другие ваши советы.

Спасибо за помощь. Попробую у себя.

Где бы можно посмотреть как это реализовать?

Для того, чтобы был понятен мой вопрос сразу приведу пример. http://special.kremlin.ru/ Слева сверху есть кнопки изменения размера шрифта. Как сделать такие кнопочки? В исходном коде нашел: <dl class="a-fontsize"> <dt>Размер шрифта:</dt> <dd><a href="#" rel="fontsize-small" class="a-fontsize-small"></a></dd> <dd><a rel="fontsize-normal" href="#" class="a-fontsize-normal"></a></dd> <dd><a href="#" rel="fontsize-big" class="a-fontsize-big"></a></dd> </dl> Но не нашел css для этого класса, как такое организовать?

Сгенерировал стандартный макет на http://csstemplater.com/ Похожая структура макета часто встречается у многих вебмастеров, поэтому появился небольшой вопрос по этой теме. Ссылка на страничку Вопрос: 1. Для чего все дивы входят в <div id="wrapper">? Мы же можем создать просто идентификаторы для нужных элементов. То есть у нас же есть шапка, контент, боковая колонка, подвал и все они, как бы правильно это сказать, являются вложенными дивами <div id="wrapper">. 2. Так же <div id="content"> является вложенным для <div id="container">. Для чего это делается? Общий вопрос: Каким образом это все помогает верстать?

Спасибо. Последую вашему совету. Всем спасибо за помощь.

А что у вас, Линукс или Мак? То есть для вас стоит задача, просто увидеть как бы ваш сайт выглядел на хостинге/сервере?

http://www.free-webhosts.com/webhosting-01.php

Тогда подскажите пожалуйста, как это сделать и куда вставлять.

А средствами html + css никак? Просто не хотел бы пока изучать javascript, думаю для начала получше узнать html + css.

Читал на сайте статейку про Атрибуты ссылок. Меня интересует target="_blank" _blank — загружает страницу в новое окно браузера. Но я решил, чтобы буду верстать по строгому стандарту DOCTYPE (string). А в статье написано: Каким образом тогда открыть ссылку в новом окне?

1. Стандартов нет. Можно прочитать статью про форматирование кода CSS, возможно найдете что-то полезным для себя. 2. Уже ответили.

он наверное имеет ввиду верстку страниц с применением вики-разметки вконтакте

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

Цитирую с сайта favicon.ru:

Можно просто найти более подробные материалы по Классам. На htmlbook.ru в некоторых примерах статьи про классы это используется.

В группах, в разделе свежие новости.

Пользуйтесь