@Tolya228

Всем салам
Вот решил изучить хтмл и ксс, посмотрел видосы, читанул пару статеек... и начел верстать первую страницу (из простенького PSD макета)
И по ходу дела накопилось много небольших (и больших) вопросов, которые не могу решить сам, вот собственно за этим и пришел на форум

И первые вопросы... я нубко, поэтому, пожалусто, если кто отвечает, пишите подробнее
Какие теги надо использовать для выравнивание предметов (картинки/текст)? Вот дапустимм вставил я картинку, и как мне ее подогнать в нужное место? На данный момент знаю только margin (top, left ...) но оно выравнивает по родительскому блоку, и одну на одну (картинку) наложить не получается.
Раскажите пожалусто про этот момент.

0

@Medvedoc

также при сохранении укажи кодировку utf-8

Добавлено через 2 минуты
выравнивание применяется тегом align

0

@magnolia

Спасибо,точно стоит "txt".Скажите тогда пожалуйста как поменять?Заранее благодарю.

0

@Vicont

Просто переименуйте файл из название_файла.txt в название_файла.html

0

@magnolia

Я пыталась переименовать в Notepad.Вводила:" название файла.html "Но после сохранения название становиться: "название файла html.txt" Не получается:-( Может это как-то по другому можно сделать.

0

@Mi1ady

magnolia, откройте блокнотом и нажмите "сохранить как", внизу выбираете "все файлы", выше вводите "name.html"

1

@Vicont

Просто клините на файл и нажмите F2 и вводите себе на здоровье название)

1

@magnolia

Спасибо.Я сделала по другому.Но буду иметь ввиду.Спасибо :-)

0

Fever666

Привет!
Только что начал изучение html/css прочёл теорию, пытаюсь практиковаться.
Вопросов море. Хочу постепенно разобраться.

вопрос № 1
Требуется создать рабочую область. (см рисунок) Белое поле, где будет располагаться текст.
Оформление вокруг белого листа должно быть неизменным. Хочу создать много одинаковых страниц, где будет изменяться только белая середина.

Как это сделать?
Это и есть "Блоковая модель" что описывается в самоучителях?
*Извиняюсь за сумбурность изложения и тупость вопросов. Спасибо*

0

@Fedor92

На форуме не бывает тупых вопросов... Есть люди которые знают ответ и люди которые только его ищут... Да это и есть блочная вёрстка... Практикуйтесь... Конечно, если Вы не подразумеваете под белым полем - текстовое поле...

0

Fever666

Картинка не вставилась почему-то.
Поле - где будет просто отображаться текст - содержимое сайта.Не для ввода текста.

0

@and_y87

Fever666, опять таки хочется посоветовать всё тот же неизменный самоучитель на HTMLbook
и начать спрашивать вопросы только после освоения материала...

0

Fever666

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

0

@Fedor92

0

@and_y87

Fedor92, аналогично! )

0

Fever666

А не намекнете как реализовать?:

Делаю сайт, хэдер, правая и левая колонка, центр, футер. Обычный в общем.
Слева меню, все страницы по шаблону, центр почти везде не выходит за пределы экрана, фиксирован.
НО есть пара страниц, где контента больше и он выползает за пределы центра и футера. (который не прижат к низу, а завис на одном месте.
Распространенная проблема, знаю.
В идеале хочу: шаблонные однотипные страницы, где фиксированный белый центр в рамке,(по бокам колонки, фон другого цвета), но пара страниц нужна, чтобы дивовский блок центра продлялся согласно контенту, то есть вниз страницы экрана на 2.
как это сделать?
Тут видимо 2 проблемы не растянутый див блок и не прижатый футер?
Прилеплю страницу СSS. буду рад развернутым комментариям, исправлению ошибок. При самостоятельном изучении некому указать.

body {
height:100%;
background-color: #6699cc;}

#wrapper {
width:1100px;
height:1100px;
background-color: #0000FF;
margin: 0 auto;
min-height:100%;
}

#header {
height:100px;
background-color:#00CC66;
padding: 32px;
position:absolute;width:1013px; height:180px;
margin: 10px;
}

#left_col {
vertical-align:top; /* параметр, благодаря которому меню (и прочий контент) будет прижиматься к верху ячейки*/
background-color:#666699;
position:absolute;width:230px; height:750px;
margin:265px 10px;
}

#right_col {
vertical-align:top;
text-align: center;
background-color:#FF3366;
position:absolute;width:230px; height:750px;
margin:265px 10px;
margin-left: 853px;
}

#center_col {
vertical-align:top;
padding: 16px;/* Поля вокруг текста */
position: absolute; width:550px; height:750px;
margin:235px 10px;
margin-left: 241px;
}

.clear {
clear: both
}

#footer {
background-color:#FFFF33;
height: 50px;
margin-top:-50px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
width: 1100px;
font-size: 14px;
}

#rasporka {
height: 50px;
}

#shadow
{
vertical-align:top;
width: 100%; /*ширина*/
max-width: 750px;
height: 750px; /*высота*/
margin: 1em auto; /* Устанавливает величину отступа от каждого края элемента */
padding: 1em; /* Устанавливает значение полей вокруг содержимого элемента */
border-radius: 10px;
background: rgb(255,255,255) radial-gradient(circle at 0 0, rgba(255,255,255,.65), rgba(255,255,255,.35));
box-shadow:
inset rgba(0,0,0,.5) -3px -3px 8px,
inset rgba(255,255,255,.9) 3px 3px 8px,
rgba(0,0,0,.8) 3px 3px 8px -3px;
}

Добавлено через 23 часа 42 минуты
эй?

0

@Taatshi

Fever666, одна тема - один вопрос. Почитайте правила форума. Создайте отдельную тему для вопроса.

0