Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

CSS-DIV-Вёрстка

Обсуждение темы CSS-DIV-Вёрстка в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Не уверен что поможет, но попробуй 1. В <div id="4ehov"></div> поставь Код: &_#_160; напиши это без черточек или тупо напиши любое слово...


Закрытая тема
 
Опции темы
Старый 15.10.2008, 06:43   #11
Не уверен что поможет, но попробуй
1. В <div id="4ehov"></div> поставь
Код:
&_#_160;  напиши это без черточек
или тупо напиши любое слово

Последний раз редактировалось 3ABAPKA; 15.10.2008 в 06:46.. Причина: Добавлено сообщение
 
Старый 15.10.2008, 06:43
Ссылки
Старый 15.10.2008, 13:02   #12
3ABAPKA,
Разобрался .. тупит потому что в id первая цифра<div id="4ehov"> надо буквами прописывать, пока что больше проблем не вникает.. если что напишу. =)
 
Старый 15.10.2008, 14:04   #13
как спустить этот кусок. что сделать что бы он прилип к низу, а не лип к верху?
Изображения
Тип файла: jpg 123321.jpg (47.8 Кб, 12 просмотров)
 
Старый 16.10.2008, 05:08   #14
Как не удобно что нельзя редактировать сообщение спустя какоето время (( в общем я разобрался уже и с этой темой что писал выше.
 
Старый 16.10.2008, 07:41   #15
Возникла вот такая проблема.. Не могу сообразить, как мне сделать так, что бы картинка номер 1, в левой колонке, прилипла вниз к картинки номер 2.. и когда контент выводится по центру, сдвигая за собой вниз картинки номер 2,3,4 . картинка номер 1 тоже бы сдвигалась в низ(прилипнув к картинке 2 ) а не оставалась на месте
Изображения
Тип файла: jpg shablon.jpg (50.8 Кб, 13 просмотров)
 
Старый 16.10.2008, 15:24   #16
А как ты пишешь содержимое левой колонки?
код закинь, и картинки 2, 3, 4 как прописаны?
 
Старый 16.10.2008, 15:56   #17
body {
width: 1200px;

margin: auto; /*параметр auto выравнивает сайт по центру*/

text-align:center
font-family: "Times New Roman",Times,serif;
font-size: 13px;
/*background-color: #666666;*/
}

/*---------------------------------------------------------------------------лого-*/
#logo { /*Самый верх-синий цвет*/

float: none;
width: 1200px;
background : url(../images/logo.jpg) no-repeat 0px 0;
height : 210px;

background-color: #0033FF;
}


/*-----------------------------------------------------------------------------МЕНЮ-*/
#left {

width: 25%;
float: left;
font-size: 15px;
background-color: #FF0000;
height: 100&;
}

/*-----------------------------------------------------------------------------ЦЕНТР*/
#center {
z-index: 2;
width: 50%;
float: left;
font-size: 14px;
background-color: #F1EFF0;
height: 50%;
}
/*---------------------------------------------------------------------------ПРАВАЯ-*/
#right {
z-index: 3;
width: 25%;
float: right;
background-color: #C8FFC4;
}

/*------------------------------------------------------------------------------НИЗ-*/
#cpr { /*Копирайт;*/

width: 100%;
height: 30px;
cursor: auto;
float: left;
bottom: 100%;
background-color: #336699;
}


#menu { /*Менюшка*/
z-index: 4;
width: 243px;
margin: auto;
background-color: #FFCCFF;

}


#www { /*кртинка Со словами чехова*/
width: 243px;
height: 149px;
background-color: #DAFCE9;
background : url(../images/4ehov.jpg) no-repeat 0px 0;


margin: auto;
}

#kgb {
width: 100%;
cursor: auto;
float: left;
bottom: 100%;

}

#bra1 { /*кртинка 3 брата-1*/
z-index: 4;
width: 267px;
height: 80px;
margin: left;
background-color: #FFCCFF;
float: left;
margin-top: 24px;
background : url(../images/3brata1.jpg) no-repeat 0px 0;
}

#bra2 { /*кртинка 3 брата 2*/
width: 56px;
height: 54px;
background : url(../images/3brata2.jpg) no-repeat 0px 0;
background-color: #FFCCFF;
float: left;
margin-top: 50px;
}

#gora { /*кртинка гора справа внизу*/
width: 142px;
height: 104px;
background : url(../images/gora.jpg) no-repeat 0px 0;
background-color: #FFCCFF;
float: right;
margin-right: 80px;
}
 
Старый 16.10.2008, 15:59   #18
картинкам можно прописывать топ, лефт, и т.д.
например background : url(../images/gora.jpg) no-repeat left top;

Последний раз редактировалось Aldes; 16.10.2008 в 16:01..
 
Старый 17.10.2008, 02:50   #19
<div id="logo"></div>
<div id="left">
<div id="menu"><jdoc:include type="modules" name="left" style="" /></div>
<div id="www"></div>

</div>
<div id="center"><jdoc:include type="component" /></div>
<div id="right"><jdoc:include type="modules" name="right" style="" /></div>
<div id="kgb">
<div id="bra1"></div>
<div id="bra2"></div>
<div id="gora"></div>
</div>
<div id="cpr">копирайт</div>

Добавлено через 10 часов 50 минут

Неужели никто не знает как сделать ?

Последний раз редактировалось Scorp; 17.10.2008 в 02:50.. Причина: Добавлено сообщение
 
Старый 17.10.2008, 06:46   #20
Долго думал и придумал
контейнер в котором у тебя эта картинка, которую ты никак не можешь присоединить к полвалу, положи в подвал .
его ширина должна быть ширана левой колонки
и потом через margin-top:-40; короче от верхнего края отступи высоту картинки

должно получиться

Последний раз редактировалось 3ABAPKA; 17.10.2008 в 06:51..
 
Старый 17.10.2008, 06:46
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вёрстка для опыта СерП Резюме 0 05.08.2009 21:46
Вёрстка под CMS Newfelix Кальянная 5 16.06.2008 15:33
Валидная div-ная вёрстка Мерлин HTML, CSS, JavaScript 14 13.02.2008 14:31
div-вёрстка Nielson HTML, CSS, JavaScript 6 31.10.2005 11:14
Дивная вёрстка vision HTML, CSS, JavaScript 4 11.04.2005 12:10


Текущее время: 09:02. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум