Помощник
|
нужна подсказка новичку |
Leha_1985
|
Сообщение
#1
|
||
|
|
||
|
|||
hisbvdis |
1.4.2011, 23:05;
Ответить: hisbvdis
Сообщение
#2
|
|
Привет. Я тоже новичок в этом деле, но поделюсь тем, что заметил.
Все, что ниже -мое мнение, которое может быть ошибочным. 1)Тэг <font> - нерекомендуется сейчас и будет запрещен в HTML5, так что лучше на первых порах сразу отказывайся от него, чтобы не привыкнуть. 2)Отказывайся от любого оформления текста через html. Все (от цвета текста до положения картинки и т.п.) нужно оформлять через CSS. 3)Хотел бы помочь насчет проблем со скриншота, но картинок ведь нет, на которые идет ссылка с кода HTML. Можешь сделать архив, в котором будут файлы HTML, CSS связанные, и необходимые картинки. Выложи где-то на файлообменнике и дай ссылку. Так легче будет помочь. И еще раз укажу на всякий случай. Если ты новичок и уже делаешь оформление через код HTML - мне кажется, что это очень плохо. Запрещай себе это делать, чтобы не привыкнуть. Делай все через CSS. Удачи. И жду архива. |
|
|
adlic |
2.4.2011, 0:43;
Ответить: adlic
Сообщение
#3
|
|
<div class="header">
<div style="float:left;"><img src="moto2.jpg" align="left"></div><div style="float:left;"> <h1 align="center"><font color="maroon">Клуб и форум для любителей MOTO GP</font></h1> </div> </div> |
|
|
Leha_1985
|
Сообщение
#4
|
|
hisbvdis, спасибо дружище )
1) Чем тогда заменять font для HTML5 ?? (и вроде бы он сейчас не очень активно используется и что так трудно будет потом перестроится :?) 2) ясно 3)сделал ( ссылка http://exfile.ru/166530 ) и еще вопросик !! на что влияют эти классы, не совсем понятно:rolleyes: <div class="back backL">
</div> <div class="back backC"> </div> <div class="back backR"> |
|
|
Leha_1985
|
Сообщение
#5
|
|
alek_sania, я извиняюсь ) можно немного подробней описать, что вы сделали, а то еще совсем сырой!
|
|
|
hisbvdis |
2.4.2011, 1:34;
Ответить: hisbvdis
Сообщение
#6
|
|
1) Чем тогда заменять font для HTML5 ?? (и вроде бы он сейчас не очень активно используется и что так трудно будет потом перестроится :?) Ничем не заменять. Переходить на оформление с помощью CSS. Трудно ли перестроиться - не знаю, но лично я люблю делать все по "последней моде" :) (Кстати, у меня редактор кода html даже зачеркнул тэг <font>. Так что делаем выводы :) Насчет картинки тебе уже ответили. Я вроде сделал так же. Распишу, потом alek_sania может еще что-то добавит. 1)В блоке header перед тэгом <h1> надписи "Клуб и форум...." я создал дополнительный блок <div> (для картинки). 2)Указал через CSS для него фоном - желаемую картинку, обтекаемость и размеры (кстати, высота картинки больше высоты header`a. По-моему это не смертельно, но лично мне кажется, что лучше подгонять, чтобы подходило по размерам.) [CSS] div{ background: url(moto1.jpg); width:188px; height:110px; float:left; } [/CSS] 3).......все. Можно было вместо фона блока добавить картинку в блок через <img>. Я не знаю, как лучше. |
|
|
Leha_1985
|
Сообщение
#7
|
|
hisbvdis, :nea:
все смешивается, абракадабра получается!!! наверное я новичок новичков Можете, чуть подробнее описать п.1 ?? спасибо! и буду дальше читать и вникать !! Вы вставили это в css, а что прописали в html ?? я ничего не должен убрать или подкорректировать у себя ? [CSS] div{ background: url(moto1.jpg); width:188px; height:110px; float:left; }[/CSS] |
|
|
hisbvdis |
2.4.2011, 2:48;
Ответить: hisbvdis
Сообщение
#8
|
|
hisbvdis, :nea: Можете, чуть подробнее описать п.1 ?? Предлагаю на "ты". Не могу заново скачать файл, чтобы посмотреть оригинал - что-то не заходит по ссылке. По-моему твой код HTML изначально имел вид (фрагмент блока header): <div class="header"> <!--Вот начало блока header--> <h1 align="center"><font color="maroon">Клуб и форум для любителей MOTO GP</font></h1> <!-- Начало и конец блока h1--> </div> <!--Вот конец блока header--> Я вставил в блок <div class="header"> перед блоком <h1> еще один пустой блок <div>. Вот новый html код блока header: <div class="header"> <!--Вот начало блока header--> <div id="pic"></div> <!--А вот я вставил пустой блок div с идентификатором id="pic". Он находится в блоке header перед блоком h1--> <h1 align="center"><font color="maroon">Клуб и форум для любителей MOTO GP</font></h1> <!-- Начало и конец блока h1--> </div> <!--Вот конец блока header--> hisbvdis, :nea: Вы вставили это в css, а что прописали в html ?? я ничего не должен убрать или подкорректировать у себя ? [CSS] div{ background: url(moto1.jpg); width:188px; height:110px; float:left; }[/CSS] Да, я забыл написать в прошлом сообщении. Я назначил в коде HTML новому своему пустому блоку идентификатор id="pic" (ты вместо идентификатора назначал классы. Есть некоторое отличие, но в данном случае это не имеет значения). А в коде CSS обратился конкретно к этому блоку: [CSS] #pic{ background: url(moto1.jpg); width:188px; height:110px; float:left; }[/CSS] Вот назад высылаю архив твой: http://www.ex.ua/view_storage/376881643895 |
|
|
adlic |
2.4.2011, 12:25;
Ответить: adlic
Сообщение
#9
|
|
То сообщение было не совсем правильным, я не совсем разобрал какую картинку нужно сделать слева.
И того: Для того, чтоб логотип располагался слева, нужно просто в [CSS].header { height: 110px; background: #804040; float: left; width: 100%; z-index: 5; background: url(img/top.gif) no-repeat scroll; background-image: url(moto1.jpg); background-position: right; }[/CSS] вместо background-position: right; указать background-position: left; |
|
|
Leha_1985
|
Сообщение
#10
|
|
alek_sania, и
hisbvdis, вроде разобрался! спасибо ! но, сделал высоты header и рисунка одинаковой, а он все равно как то смещен ?? и сместилась сама надпись "Клуб и форум для любителей MOTO GP" :( и по поводу колонок которые по бокам (как на скриншоте в первом сообщении), задавать рисунок также для них ?? только я хочу, чтобы они были неподвижны, а только как бы двигалась центральная часть сайта при скролинге ! понятно объяснил ?? http://turbobit.net/mz52oin61u5l.html (то что получилось) |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Состояние после ампутации - нужна помощь благотворительный топик |
49 | vitvirtual | 5874 | 1.4.2024, 5:23 автор: vitvirtual |
|
Нужна ли плоская структура категорий в ИМ? | 1 | noviktamw | 1171 | 26.3.2024, 21:50 автор: c4p1t4l15t |
|
Нужна рассылка по емаил базе сео-студий | 0 | kasey7 | 682 | 2.3.2024, 23:13 автор: kasey7 |
|
Человеку нужна своя квартира/дом? | 187 | metvekot | 14218 | 21.2.2024, 22:39 автор: spomoni |
|
Нужна работа | 0 | filatd | 739 | 12.1.2024, 17:08 автор: filatd |
Текстовая версия | Сейчас: 19.4.2024, 15:57 |