0 Пользователей и 1 Гость просматривают эту тему.
  • 28 Ответов
  • 4526 Просмотров
*

Sektor38

  • Захожу иногда
  • 183
  • 0 / 1
Как бы много слыхал об Artisteer хорошего, плохого.
Но пользуюсь и скорее всего ещё долго буду пользоваться, так как знаний не хватает.
А обучаюсь я в основном на своих ошибках или добрых советах.
так вот есть шаблон,для маленького сайта визитки.
Делаю знакомому адвокату, честно за спасибо.
У него опись услуг в выпадающем меню. Как бы пунктов много, но текста мало.
Вот и возник вопрос, что где поправить чтоб footer прижимался к низу монитора?
Может кто сталкивался с такой задачей?
Надо жить!!!
*

GDV

  • Завсегдатай
  • 1900
  • 201 / 5
http://csstemplater.com/
как в артистел не вкурсе. Но по ссылке хороший генератор. Попробуйте и все поймете. Удачи.
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

Sektor38

  • Захожу иногда
  • 183
  • 0 / 1
http://csstemplater.com/
как в артистел не вкурсе. Но по ссылке хороший генератор. Попробуйте и все поймете. Удачи.
У меня сайт готов почти, мне футер надо прижать к низу, генератор этот как бы не нужен.
Надо жить!!!
*

Sektor38

  • Захожу иногда
  • 183
  • 0 / 1
Код
/* begin Page */
/* Created by Artisteer v3.0.0.32906 */

#art-main, table
{
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    text-align: justify;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
    margin: 0;
    padding: 0;
}

body
{
  margin: 0 auto;
  padding: 0;
  color: #292B27;
  background-color: #FFFFFF;
  background-image: url('../images/Bottom_texture.jpg');
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-position: top left;
}

.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered
{
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.art-postcontent p
{
    margin: 12px 0 12px 0;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 31px;
  text-align: left;
  text-transform: uppercase;
}

.art-postcontent a
{
  text-decoration: underline;
  letter-spacing: 1px;
  color: #95998A;
}

.art-postcontent a:link
{
  text-decoration: underline;
  letter-spacing: 1px;
  color: #95998A;
}

.art-postcontent a:visited, .art-postcontent a.visited
{

  color: #585B52;
}

.art-postcontent  a:hover, .art-postcontent a.hover
{

  text-decoration: none;
  color: #95998A;
}


.art-postcontent h1
{
   margin: 19px 0 19px 0;
   color: #5A5D51;
 
}

.art-postcontent h2
{
    color: #767B6B;
   margin: 19px 0 19px 0;
   font-style: normal;
   font-weight: normal;
   font-size: 26px;   
}

.art-postcontent h3
{
   margin: 22px 0 22px 0;
  color: #585B52;
  font-size: 24px;   
}

.art-postcontent h4
{
   margin: 22px 0 22px 0;
   color: #2A2C26;
   font-size: 20px;   
}

.art-postcontent h5
{
   margin: 27px 0 27px 0;
   color: #2A2C26;   
   font-size: 18px;
}

.art-postcontent h6
{
   margin: 32px 0 32px 0;
   color: #2A2C26;
   font-size: 15px;     
}

ul
{
  list-style-type: none;
}

ol
{
  list-style-position: inside;
}

#art-main
{
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  cursor:default;
}




.cleared
{
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 1px;
}

form
{
  padding: 0 !important;
  margin: 0 !important;
}

table.position
{
  position: relative;
  width: 100%;
  table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.art-sheet
{
  position: relative;
  margin: 0 auto;
  min-width: 41px;
  min-height: 41px;
}

.art-sheet-body
{
  position: relative;
  padding: 14px;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc,.art-sheet-cr, .art-sheet-cl
{
  position: absolute;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl
{
  width: 68px;
  height: 68px;
  background-image: url('../images/sheet_s.png');
}

.art-sheet-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 34px, 34px, auto);
}

.art-sheet-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 34px, 34px);
}

.art-sheet-bl
{
  bottom: 0;
  left: 0;
  clip: rect(34px, 34px, auto, auto);
}

.art-sheet-br
{
  bottom: 0;
  right: 0;
  clip: rect(34px, auto, auto, 34px);
}

.art-sheet-tc, .art-sheet-bc
{
  left: 34px;
  right: 34px;
  height: 68px;
  background-image: url('../images/sheet_h.png');
}

.art-sheet-tc
{
  top: 0;
  clip: rect(auto, auto, 34px, auto);
}

.art-sheet-bc
{
  bottom: 0;
  clip: rect(34px, auto, auto, auto);
}

.art-sheet-cr, .art-sheet-cl
{
  top: 34px;
  bottom: 34px;
  width: 68px;
  background-image: url('../images/sheet_v.png');
}

.art-sheet-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 34px);
}

.art-sheet-cl
{
  left: 0;
  clip: rect(auto, 34px, auto, auto);
}

.art-sheet-cc
{
  position: absolute;
  top: 34px;
  left: 34px;
  right: 34px;
  bottom: 34px;
  background-image: url('../images/sheet_c.png');
}

.art-sheet
{
  top: 20px !important;
  margin-bottom: 20px !important;
  cursor:auto;
  width: 1000px;
}


/* end Box, Sheet */

/* begin Header */
div.art-header
{
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 142px;
  overflow: hidden;
}


div.art-header-center
{
position: relative;
width: 972px;
left:50%;
}


div.art-header-png
{
  position: absolute;
  left:-50%;
  top: 0;
  width: 972px;
  height: 142px;
  background-image: url('../images/header.png');
  background-repeat: no-repeat;
  background-position:center center;
}

div.art-header-jpeg
{
  position: absolute;
  top: 0;
  left:-50%;
  width: 972px;
  height: 142px;
  background-image: url('../images/header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}

/* end Header */

/* begin Flash */
#art-flash-area
{
  position: absolute;
  top: 0;
  left: 0;
  width: 972px;
  height: 142px;
}

#art-flash-container
{
  position: absolute;
  top: 0;
  left: 0;
  width: 972px;
  height: 142px;
}

#art-flash-container div.art-flash-alt
{
    position: relative;
    width: 110px;
    height: 30px;
    margin: 0 auto;
    top: 50px;
}
/* end Flash */

/* begin Logo */
div.art-logo
{
  display: block;
  position: absolute;
  left: 10px;
  top: 20px;
  width: 500px;
}

h1.art-logo-name
{
  display: block;
  text-align: {HorizontalAlign};
}

h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover
{
  font-style: normal;
  font-weight: bold;
  font-size: 39px;
  text-decoration: none;
  padding: 0;
  margin: 0;
  color: {NameFontColor} !important;
}


h2.art-logo-text,
h2.art-logo-text a,
h2.art-logo-text a:link,
h2.art-logo-text a:visited,
h2.art-logo-text a:hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  padding: 0;
  margin: 0;
  color: {TextFontColor} !important;
}

h2.art-logo-text
{
  display: block;
  text-align: {HorizontalAlign};
}
/* end Logo */

/* begin Menu */
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
    outline: none;
}

.art-menu, .art-menu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.art-menu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background: none;
}

.art-menu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.art-menu li li
{
  float: none;
}

.art-menu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: none;
}

.art-menu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.art-menu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.art-menu:after, .art-menu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.art-menu, .art-menu ul
{
  min-height: 0;
}

.art-menu ul
{
  background-image: url('../images/spacer.gif');
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.art-menu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}




div.art-nav-center
{
  position: relative;
  float: right;
  right: 50%;

}

ul.art-menu
{
  position: relative;
  float: left;
  left: 50%;
}

.firefox2 ul.art-menu
{
  float: none;
}


/* menu structure */

.art-menu
{
  padding: 0 0 0 0;
}

.art-nav
{
  position: relative;
  min-height: 28px;
  z-index: 100;
}


/* end Menu */

/* begin MenuItem */
.art-menu a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 28px;
  cursor: pointer;
  text-decoration: none;
}


.art-menu ul li
{
    margin:0;
    clear: both;
}


.art-menu a .r, .art-menu a .l
{
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  height: 94px;
  background-image: url('../images/menuitem.png');
}

.art-menu a .l
{
  left: 0;
  right: 0;
}

.art-menu a .r
{
  width: 400px;
  right: 0;
  clip: rect(auto, auto, auto, 400px);
}

.art-menu a .t, .art-menu ul a, .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}

.art-menu a .t
{
  color: #3F4139;
  padding: 0 12px;
  margin: 0 0;
  line-height: 28px;
  text-align: center;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
  top: -33px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
  top: -33px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
  top: -33px;
}
.art-menu a:hover .t
{
  color: #2F302C;
}

.art-menu li:hover a .t
{
  color: #2F302C;
}

.art-menu li:hover>a .t
{
  color: #2F302C;
}



.art-menu a:hover.separator-without-submenu
{
  cursor: default;
}

.art-menu a:hover.separator-without-submenu .t
{
  color: #3F4139;
}

.art-menu li:hover a.separator-without-submenu .t
{
  color: #3F4139;
}

a:hover.separator-without-submenu .r, a:hover.separator-without-submenu .l
{
  top: 0 !important;
}
/* end MenuItem */

/* begin MenuSeparator */
.art-menu .art-menu-li-separator
{
  display: block;
  width: 1px;
  height:28px;
}
.art-nav .art-menu-separator
{
  display: block;
  margin:0 auto;
  width: 1px;
  height: 28px;
  background-image: url('../images/menuseparator.png');
}
/* end MenuSeparator */

/* begin MenuSubItem */
.art-menu ul a
{
  display: block;
  text-align: center;
  white-space: nowrap;
  height: 26px;
  width: 300px;
  overflow: hidden;
  line-height: 26px;
  background-image: url('../images/subitem.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-width: 1px;
  border-style: solid;
  border-color: #5F6255;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 26px;
  color: #000000;
  font-weight: normal;
  font-size: 13px;
  margin:0;
  padding:0;
}

.art-menu ul li a:hover
{
  color: #000000;
  border-color: #515E3B;
  background-position: 0 -26px;
}

.art-menu ul li:hover>a
{
  color: #000000;
  border-color: #515E3B;
  background-position: 0 -26px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
  color: #000000;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
  color: #000000;
}


/* end MenuSubItem */

/* begin Layout */
.art-content-layout
{
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent;
  border: none !important;
  padding:0 !important;
}
.art-layout-cell, .art-content-layout-row
{
  background-color: Transparent;
  vertical-align: top;
  text-align: left;
  border: none !important;
  margin:0 !important;
  padding:0 !important;
}
.art-content-layout .art-content-layout{width: auto;margin:0;}
.art-content-layout .art-layout-cell, .art-content-layout .art-layout-cell .art-content-layout .art-layout-cell{display: table-cell;}
.art-layout-cell .art-layout-cell{display: block;}
.art-content-layout-row {display: table-row;}
.art-layout-glare{position:relative;}/* end Layout */

/* begin Box, Block, VMenuBlock */
.art-vmenublock
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.art-vmenublock-body
{
  position: relative;
  padding: 0;
}


.art-vmenublock
{
  margin: 7px;
}

/* end Box, Block, VMenuBlock */

/* begin BlockHeader, VMenuBlockHeader */
.art-vmenublockheader
{
  margin-bottom: 0;
}

.art-vmenublockheader, .art-vmenublockheader h3.t
{
  position: relative;
  height: 39px;
}

.art-vmenublockheader h3.t,
.art-vmenublockheader h3.t a,
.art-vmenublockheader h3.t a:link,
.art-vmenublockheader h3.t a:visited,
.art-vmenublockheader h3.t a:hover
{
  color: #000000;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
}

.art-vmenublockheader h3.t
{
  margin:0;
  padding: 0 10px 0 10px;
  white-space: nowrap;
  line-height: 39px;
}

/* end BlockHeader, VMenuBlockHeader */

/* begin Box, Box, VMenuBlockContent */
.art-vmenublockcontent
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.art-vmenublockcontent-body
{
  position: relative;
  padding: 0;
}


.art-vmenublockcontent
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.art-vmenublockcontent-body
{
  position: relative;
  padding: 0;
}


/* end Box, Box, VMenuBlockContent */

/* begin VMenu */
ul.art-vmenu, ul.art-vmenu li
{
  list-style: none;
  margin: 0;
  padding: 0;
  width: auto;
  line-height: 0;
}/* end VMenu */

/* begin VMenuItem */
ul.art-vmenu a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 24px;
  cursor: pointer;
  text-decoration: none;
}

ul.art-vmenu li.art-vmenu-separator
{
  display: block;
  padding: 1px 0 1px 0;
  margin: 0;
  font-size: 1px;
}

ul.art-vmenu .art-vmenu-separator-span
{
  display: block;
  padding: 0;
  font-size: 1px;
  height: 0;
  line-height: 0;
  border: none;
}

ul.art-vmenu a .r, ul.art-vmenu a .l
{
  position: absolute;
  display: block;
  top: 0;
  height: 82px;
  background-image: url('../images/vmenuitem.png');
}

ul.art-vmenu a .l
{
  left: 0;
  right: 0;
}

ul.art-vmenu a .r
{
  width: 972px;
  right: 0;
  clip: rect(auto, auto, auto, 972px);
}

ul.art-vmenu a .t, ul.art-vmenu ul a
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  text-transform: uppercase;
}

ul.art-vmenu a .t
{
  display: block;
  position:relative;
  top:0;
  line-height: 24px;
  color: #585B52;
  padding: 0 12px 0 12px;
  margin-left:0;
  margin-right:0;
}

ul.art-vmenu a.active .l, ul.art-vmenu a.active .r
{
  top: -58px;
}

ul.art-vmenu a.active .t
{
  color: #585B52;
}

ul.art-vmenu a:hover .l, ul.art-vmenu a:hover .r
{
  top: -29px;
}

ul.art-vmenu a:hover .t
{
  color: #1A1B18;
}


/* end VMenuItem */

/* begin VMenuSubItem */
ul.art-vmenu ul, ul.art-vmenu ul li
{
  margin: 0;
  padding: 0;
}

ul.art-vmenu ul a
{
  display: block;
  white-space: nowrap;
  height: 20px;
  overflow: visible;
  background-image: url('../images/vsubitem.gif');
  background-position: 24px 0;
  background-repeat: repeat-x;
  padding-left: 46px;
}

ul.art-vmenu ul li
{
  padding: 0;
}

ul.art-vmenu ul span, ul.art-vmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

ul.art-vmenu ul a, ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:hover, ul.art-vmenu ul a:active, ul.art-vmenu ul span, ul.art-vmenu ul span span
{
  line-height: 20px;
  color: #3E403A;
  font-size: 12px;
  margin-left: 0;
}

ul.art-vmenu ul
{
    margin:0 0 0 0;
}

ul.art-vmenu ul ul
{
  margin:0 0 0 0;
}

ul.art-vmenu ul li.art-vsubmenu-separator
{
  display: block;
  margin: 0;
  font-size: 1px;
  padding: 0 0 0 0;
 }

ul.art-vmenu ul .art-vsubmenu-separator-span
{
  display: block;
  padding: 0;
  font-size: 1px;
  height: 0;
  line-height: 0;
  margin: 0;
  border: none;
}

ul.art-vmenu ul li.art-vmenu-separator-first
{
    padding-bottom:1px;
}

ul.art-vmenu ul li li a
{
  background-position: 48px 0;
  padding-left: 70px;
}

ul.art-vmenu ul li li li a
{
  background-position: 72px 0;
  padding-left: 94px;
}

ul.art-vmenu ul li li li li a
{
  background-position: 96px 0;
  padding-left: 118px;
}

ul.art-vmenu ul li li li li li a
{
  background-position: 120px 0;
  padding-left: 142px;
}


ul.art-vmenu ul li a.active
{
  color: #3E403A;
  background-position: 24px -50px;
}

ul.art-vmenu ul li li a.active
{
  background-position: 48px -50px;
}

ul.art-vmenu ul li li li a.active
{
  background-position: 72px -50px;
}

ul.art-vmenu ul li li li li a.active
{
  background-position: 96px -50px;
}

ul.art-vmenu ul li li li li li a.active
{
  background-position: 120px -50px;
}



ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active
{
  color: #3E403A;
  background-position: 24px -25px;
}


ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active
{
  background-position: 48px -25px;
}

ul.art-vmenu ul li li li a:hover, ul.art-vmenu ul li li li a:hover.active
{
  background-position: 72px -25px;
}

ul.art-vmenu ul li li li li a:hover, ul.art-vmenu ul li li li li a:hover.active
{
  background-position: 96px -25px;
}

ul.art-vmenu ul li li li li li a:hover, ul.art-vmenu ul li li li li li a:hover.active
{
  background-position: 120px -25px;
}
/* end VMenuSubItem */

/* begin Box, Block */
.art-block
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.art-block-body
{
  position: relative;
  padding: 3px;
}


.art-block
{
  margin: 7px;
}

/* end Box, Block */

/* begin Box, BlockContent */
.art-blockcontent
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.art-blockcontent-body
{
  position: relative;
  padding: 0;
}


.art-blockcontent-body,
.art-blockcontent-body li,
.art-blockcontent-body a,
.art-blockcontent-body a:link,
.art-blockcontent-body a:visited,
.art-blockcontent-body a:hover
{
  color: #292B27;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
}

.art-blockcontent-body p
{
  margin: 6px 0 6px 0;
}

.art-blockcontent-body a
{
  color: #5B6B43;
  text-decoration: underline;
}

.art-blockcontent-body a:link
{
  color: #5B6B43;
  text-decoration: underline;
}

.art-blockcontent-body a:visited, .art-blockcontent-body a.visited
{
  color: #93978C;

}

.art-blockcontent-body a:hover, .art-blockcontent-body a.hover
{
  color: #5A5D51;

  text-decoration: none;
}

.art-blockcontent-body ul li
{
  line-height: 125%;   
  color: #53564E;

  padding: 0 0 0 10px;
  background-image: url('../images/blockcontentbullets.png');
  background-repeat: no-repeat;
}/* end Box, BlockContent */

/* begin Button */
.art-button-wrapper a.art-button,
.art-button-wrapper a.art-button:link,
.art-button-wrapper input.art-button,
.art-button-wrapper button.art-button
{
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  position:relative;
  top:0;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  color: #0B0B09 !important;
  width: auto;
  outline: none;
  border: none;
  background: none;
  line-height: 24px;
  height: 24px;
  margin: 0 !important;
  padding: 0 7px !important;
  overflow: visible;
  cursor: default;
}

.art-button img, .art-button-wrapper img
{
  margin: 0;
  vertical-align: middle;
}

.art-button-wrapper
{
  vertical-align: middle;
  display: inline-block;
  position: relative;
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  margin: 0;
  padding: 0;
  z-index: 0;
}

.firefox2 .art-button-wrapper
{
  display: block;
  float: left;
}

input, select, textarea
{
  vertical-align: middle;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
}

.art-block select
{
    width:96%;
}

.art-button-wrapper.hover .art-button, .art-button-wrapper.hover a.art-button:link, .art-button:hover
{
  color: #000000 !important;
  text-decoration: none !important;
}

.art-button-wrapper.active .art-button, .art-button-wrapper.active a.art-button:link
{
  color: #2F302C !important;
}

.art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r
{
  display: block;
  position: absolute;
  height: 82px;
  margin: 0;
  padding: 0;
  background-image: url('../images/button.png');
}

.art-button-wrapper .art-button-l
{
  left: 0;
  right: 3px;
}

.art-button-wrapper .art-button-r
{
  width: 407px;
  right: 0;
  clip: rect(auto, auto, auto, 404px);
}

.art-button-wrapper.hover .art-button-l, .art-button-wrapper.hover .art-button-r
{
  top: -29px;
}

.art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r
{
  top: -58px;
}

.art-button-wrapper input
{
  float: none !important;
}
/* end Button */

/* begin Box, Post */
.art-post
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.art-post-body
{
  position: relative;
  padding: 15px;
}


.art-post
{
  margin: 5px;
}

a img
{
  border: 0;
}

.art-article img, img.art-article
{
  border: solid 0 #B1B4AC;
  margin: 10px;
}

.art-metadata-icons img
{
  border: none;
  vertical-align: middle;
  margin: 2px;
}

.art-article table, table.art-article
{
  border-collapse: collapse;
  margin: 1px;
}

.art-article th, .art-article td
{
  padding: 2px;
  border: solid 1px #989C91;
  vertical-align: top;
  text-align: left;
}

.art-article th
{
  text-align: center;
  vertical-align: middle;
  padding: 7px;
}

pre
{
  overflow: auto;
  padding: 0.1em;
  float:left;
}

/* end Box, Post */

/* begin PostHeaderIcon */
h2.art-postheader
{
  color: #404B2F;
  margin: 6px 0 6px 0;
}

h2.art-postheader,
h2.art-postheader a,
h2.art-postheader a:link,
h2.art-postheader a:visited,
h2.art-postheader a.visited,
h2.art-postheader a:hover,
h2.art-postheader a.hovered
{
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  letter-spacing: normal;
}

h2.art-postheader a, h2.art-postheader a:link
{
  text-decoration: none;
  color: #7E8372;
}

h2.art-postheader a:visited, h2.art-postheader a.visited
{

  color: #4B4E46;
}


h2.art-postheader a:hover,  h2.art-postheader a.hovered
{

  text-decoration: underline;
  color: #767B6B;
}

/* end PostHeaderIcon */

/* begin PostMetadata, PostMetadataHeader */
.art-postmetadataheader
{
  overflow:hidden;
  padding: 1px;
  background-image: url('../images/postmetadataheader_bg.png');
  border-color: #B1B4AC;
  border-style: solid;
  border-width: 1px;
}
/* end PostMetadata, PostMetadataHeader */

/* begin PostIcons, PostHeaderIcons */
.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-style: italic;
  font-weight: normal;
  font-size: 12px;
  color: #3B3E38;
}

.art-postheadericons
{
  padding: 1px;

}

.art-postheadericons a, .art-postheadericons a:link
{
  text-decoration: underline;
  letter-spacing: 1px;
  color: #575A4E;
}

.art-postheadericons a:visited, .art-postheadericons a.visited
{

  color: #575A4E;
}

.art-postheadericons a:hover, .art-postheadericons a.hover
{

  text-decoration: none;
  color: #767B6B;
}
/* end PostIcons, PostHeaderIcons */

/* begin PostBullets */
.art-post ol, .art-post ul
{
  margin: 1em 0 1em 2em;
  padding: 0;
}

.art-post li
{
  font-size: 13px;
  text-align: left;
}

.art-post li ol, .art-post li ul
{
  margin: 0.5em 0 0.5em 2em;
  padding: 0;
}

.art-post li
{
  color: #3E403A;
  margin: 0 0 0 12px;
  padding: 0;
}


.art-post li
{
  padding: 0 0 0 10px;
}

.art-post ol>li
{
  background: none;
  padding-left: 0;/* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.art-post ul>li
{
  background-image: url('../images/postbullets.png');
  background-repeat: no-repeat;
  padding-left: 10px;/* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
  overflow-y: hidden;
}


/* end PostBullets */

/* begin PostQuote */
.art-postcontent blockquote,
.art-postcontent blockquote a,
.art-postcontent blockquote a:link,
.art-postcontent blockquote a:visited,
.art-postcontent blockquote a:hover
{
  color: #2F302C;
  font-style: italic;
  font-weight: normal;
  text-align: left;
}

.art-postcontent blockquote p
{
   margin: 17px 0 17px 17px;
}

.art-postcontent blockquote
{
   border: solid 0 #B1B4AC;
  margin: 10px 10px 10px 50px;
  padding: 12px 12px 12px 36px;
  background-color: #D4D6D1;
  background-image: url('../images/postquote.png');
  background-position: left top;
  background-repeat: no-repeat;/* makes blockquote not to align behind the image if they are in the same line */
  overflow: auto;
}

/* end PostQuote */

/* begin Footer */
.art-footer
{
  position: relative;
  overflow: hidden;
  width: 100%;
}

.art-footer-b
{
  position: absolute;
  left:3px;
  right:3px;
  bottom:0;
  height:50px;
  background-image: url('../images/footer_b.png');
}

.art-footer-r, .art-footer-l
{
  position: absolute;
  height:50px;
  background-image: url('../images/footer_s.png');
  bottom: 0;
}

.art-footer-l
{
  left: 0;
  width:3px;
}

.art-footer-r
{
  right: 0;
  width:6px;
  clip: rect(auto, auto, auto, 3px);
}

.art-footer-t
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50px;
  background-color: #989C91;
}

.art-footer-body
{
    position:relative;
    padding: 10px;
}

.art-footer-body .art-rss-tag-icon
{
  position: absolute;
  left:   6px;
  bottom:10px;
  z-index:1;
}

.art-rss-tag-icon
{
  display: block;
  background-image: url('../images/rssicon.png');
  background-position: center right;
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  cursor: default;
}

.art-footer-text p
{
  padding:0;
  margin:0;
}

.art-footer,
.art-footer a,
.art-footer a:link,
.art-footer a:visited,
.art-footer a:hover
{
    color: #151513;
    font-style: italic;
    font-size: 12px;
}

.art-footer-text
{
  min-height: 30px;
  padding: 0 10px 0 10px;

}

.art-footer,
.art-footer-text,
.art-footer p
{
  text-align: center;
}

.art-footer a,
.art-footer a:link
{
  color: #4E5049;
  text-decoration: underline;
}

.art-footer a:visited
{
  color: #676B61;

}

.art-footer a:hover
{
  color: #515E3B;

  text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover
{
  font-family: Arial;
  font-size: 10px;
  letter-spacing: normal;
  word-spacing: normal;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
  color: #6B7D4F;
}

.art-page-footer
{
  margin: 1em;
  text-align: center;
  text-decoration: none;
  color: #575A4E;
}
/* end PageFooter */

/* begin LayoutCell, sidebar1 */

.art-content-layout .art-sidebar1
{
  width: 200px;
}

/* end LayoutCell, sidebar1 */

/* begin LayoutCell, content */




/* end LayoutCell, content */



table.moduletable th
{
  font-size: 140%;
  padding: .5em 0;
}

.firefox2 table.poll tr td div
{
  font-size: 0;
}

#footer
{
  text-align: center;
}

 

.contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate
{
  font-size: 75%;
  padding-bottom: 1em;
}

.column_separator
{
  padding-left: .4em;
}

.pagination span
{
  padding: 2px;
}

.pagination a
{
  padding: 2px;
}

div.offline
{
  background: #fffebb;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.2em;
  padding: 5px;
}

 

/* headers */
table.moduletable th, legend
{
  margin: 0;
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 1.5em;
  padding-left: 0;
  margin-bottom: 10px;
  text-align: left;
}

/* form validation */
.invalid
{
  border-color: #ff0000;
}

label.invalid
{
  color: #ff0000;
}


/** overlib **/

.ol-foreground
{
  background-color: #f6f6f6;
}

.ol-background
{
  background-color: #666;
}

.ol-textfont
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.ol-captionfont
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #f6f6f6;
  font-weight: bold;
}

.ol-captionfont a
{
  color: #0B55C4;
  text-decoration: none;
  font-size: 12px;
}

/* spacers */
span.article_separator
{
  display: none;
}

.column_separator
{
  padding-left: 10px;
}

td.buttonheading img
{
  border: none;
}

.clr
{
  clear: both;
}

div#maindivider
{
  border-top: 1px solid #ddd;
  margin-bottom: 10px;
  overflow: hidden;
  height: 1px;
}

table.blog span.article_separator
{
  display: none;
}

/* edit button */
.contentpaneopen_edit
{
  float: left;
}

/* table of contents */
table.contenttoc
{
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
  float: right;
}

table.contenttoc td
{
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader
{
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td
{
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2
{
  padding: 3px;
}


/* content styles */
table.contentpaneopen, table.contentpane
{
  margin: 0;
  padding: 0;
  width: auto;
}

table.contentpaneopen li
{
  margin-bottom: 5px;
}

table.contentpaneopen fieldset
{
  border: 0;
  border-top: 1px solid #ddd;
}

table.contentpaneopen h3
{
  margin-top: 25px;
}

table.contentpaneopen h4
{
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
}

.highlight
{
  background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable
{
  margin-bottom: 0;
}

div.moduletable, div.module
{
  margin-bottom: 25px;
}

div.module_menu h3
{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #eee;
  margin: -23px -4px 5px -5px;
  padding-left: 10px;
  padding-bottom: 2px;
}

div.module_menu
{
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

div.module_menu div div div
{
  padding: 10px;
  padding-top: 30px;
  padding-bottom: 15px;
  width: auto;
}

div.module_menu div div div div
{
  background: none;
  padding: 0;
}

div.module_menu ul
{
  margin: 10px 0;
  padding-left: 20px;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited
{
  font-weight: bold;
}

#leftcolumn div.module
{
  padding: 0 10px;
}

#leftcolumn div.module table
{
  width: auto;
}

/* forms */
table.adminform textarea
{
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

div.search input
{
  width: 95%;
  border: 1px solid #ccc;
  margin: 15px 0 10px 0;
}

form#form-login
{
  text-align: left;
}

form#form-login fieldset
{
  border: 0 none;
  margin: 0;
  padding: 0.2em;
}

form#form-login ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

form#form-login ul li
{
  background-image: none;
  padding: 0;
}

#modlgn_username, #modlgn_passwd
{
  width: 90%;
}

#form-login-username, #form-login-password, #form-login-remember
{
  display: block;
  margin: 0;
}

form#com-form-login
{
  text-align: left;
}

form#com-form-login fieldset
{
  border: 0 none;
  margin: 0;
  padding: 0.2em;
}

form#com-form-login ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

form#com-form-login ul li
{
  background-image: none;
  padding: 0;
}

/* thumbnails */
div.mosimage
{
  margin: 5px;
}

div.mosimage_caption {
  font-size: .90em;
  color: #666;
}

div.caption
{
  padding: 0 10px 0 10px;
}

div.caption img
{
  border: 1px solid #CCC;
}

div.caption p
{
  font-size: .90em;
  color: #666;
  text-align: center;
}

/* Parameter Table */
table.paramlist
{
  margin-top: 5px;
}

table.paramlist td.paramlist_key
{
  width: 128px;
  text-align: left;
  height: 30px;
}

div.message
{
  font-weight: bold;
  font-size: 14px;
  color: #c30;
  text-align: center;
  width: auto;
  background-color: #f9f9f9;
  border: solid 1px #d5d5d5;
  margin: 3px 0 10px;
  padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.banneritem img
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Text advert style */

.banneritem_text
{
  padding: 4px;
  font-size: 11px;
}

.bannerfooter_text
{
  padding: 4px;
  font-size: 11px;
  background-color: #f7f7f7;
  text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span
{
  padding: 2px;
}

.pagination a
{
  padding: 2px;
}

/* Polls */
.pollstableborder
{
  margin-top: 8px;
}


.pollstableborder td
{
  text-align: left;

}

/* WebLinks */
span.description
{
  display: block;
  padding-left: 30px;
}

/* Frontend Editing*/
fieldset
{
  border: 1px solid #ccc;
  margin-top: 15px;
  padding: 15px;
}

legend
{
  margin: 0;
  padding: 0 10px;
}

td.key
{
  border-bottom: 1px solid #eee;
  color: #666;
}

/* Tooltips */

.tool-tip
{
  float: left;
  background: #ffc;
  border: 1px solid #d4d5aa;
  padding: 5px;
  max-width: 200px;
}

.tool-title
{
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-weight: bold;
  margin-top: -15px;
  padding-top: 15px;
  padding-bottom: 5px;
  background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text
{
  font-size: 100%;
  margin: 0;
}

/* System Standard Messages */
#system-message
{
  margin-bottom: 20px;
}

#system-message dd.message ul
{
  background: #c3d2e5 url(../../system/images/notice-info.png) 4px center no-repeat;
  border-top: 3px solid #de7a7b;
  border-bottom: 3px solid #de7a7b;
  margin: 0;
  padding-left: 40px;
  text-indent: 0;
}

/* System Error Messages */
#system-message dd.error ul
{
  color: #c00;
  background: #e6c0c0 url(../../system/images/notice-alert.png) 4px center no-repeat;
  border-top: 3px solid #DE7A7B;
  border-bottom: 3px solid #DE7A7B;
  margin: 0;
  padding-left: 40px;
  text-indent: 0;
}

/* System Notice Messages */
#system-message dd.notice ul
{
  color: #c00;
  background: #efe7b8 url(../../system/images/notice-note.png) 4px center no-repeat;
  border-top: 3px solid #f0dc7e;
  border-bottom: 3px solid #f0dc7e;
  margin: 0;
  padding-left: 40px;
  text-indent: 0;
}

#syndicate
{
  float: left;
  padding-left: 25px;
}

/* Component Specific Fixes */

#component-contact table td
{
  padding: 2px 0;
}

.breadcrumbs img
{
  margin: 0;
  padding: 0;
  border: 0;
}

.mceToolbarTop {
  white-space: normal;
}

.mceEditor
{
  background: none;
}

#archive-list
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#archive-list li
{
  list-style-type: none;
  background-image: none;
  margin-left: 0;
  padding-left: 0;
}

#navigation
{
  text-align: center;
}

.article h3 img
{
  border: none;
  display: inline;
  margin: 0;
  padding: 0;
}

.art-footer-text .moduletable
{
  border: none;
  margin: 0;
  padding: 0;
}

.pollstableborder td {
  vertical-align: middle;
}

.img_caption.left
{
  float: left;
  margin-right: 1em;
}

.img_caption.right
{
  float: right;
  margin-left: 1em;
}

.img_caption.left p
{
  clear: left;
  text-align: center;
}

.img_caption.right p
{
  clear: right;
  text-align: center;
}

.img_caption img
{
  margin: 0;
}

.contentheading
{
font-size: 24px;
  color: #585B52;
}

#system-message ul li {
  background-image: none;
  padding-left: 0;
}

/* Plugin compatilibity. */

/* 152316, DOCman */

.dm_taskbar ul
{
  background-image: none;
  margin: 0;
  padding: 0;
}

.dm_taskbar ul li
{
  background-image: none;
}


Вот таблица етого шаблона, только я врубиться не могу что здесь править
Надо жить!!!
*

GDV

  • Завсегдатай
  • 1900
  • 201 / 5
по этому генератору можно просто посмотреть по какому принципу прижимать футер. Сгенерировали, скачали, посмотрели и повторили.

То что вы дали полный CSS это никому ничего не скажет. Есть еще как бы index.php. И он как бы тоже важен.

Что так лень посмотреть?
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

voland

  • Легенда
  • 10561
  • 563 / 111
  • Эта строка съедает место на вашем мониторе
Если он юзает артистир то само-собой лень
*

Sektor38

  • Захожу иногда
  • 183
  • 0 / 1
по этому генератору можно просто посмотреть по какому принципу прижимать футер. Сгенерировали, скачали, посмотрели и повторили.

То что вы дали полный CSS это никому ничего не скажет. Есть еще как бы index.php. И он как бы тоже важен.

Что так лень посмотреть?
Я что то не понял с эти генератором
но в индексе такой код
Код
<div class="art-footer">
    <div class="art-footer-t"></div>
    <div class="art-footer-l"></div>
    <div class="art-footer-b"></div>
    <div class="art-footer-r"></div>
    <div class="art-footer-body">
         <?php echo artxModules($document, 'syndicate'); ?>
        <div class="art-footer-text">
Надо только понять что тут за что отвечает
Надо жить!!!
*

Sektor38

  • Захожу иногда
  • 183
  • 0 / 1
Если он юзает артистир то само-собой лень
Не лень просто, хороший шаблон я не сделаю, а из готового ни чего не подобрал.
На другом сайте у меня готовый переработан.
Надо жить!!!
*

Sektor38

  • Захожу иногда
  • 183
  • 0 / 1
Так гениратор создал такой варик
Код
<div id="footer">
<strong>Footer:</strong> Mus elit Morbi mus enim lacus at quis Nam eget morbi. Et semper urna urna non at cursus dolor vestibulum neque enim. Tellus interdum at laoreet laoreet lacinia lacinia sed Quisque justo quis. Hendrerit scelerisque lorem elit orci tempor tincidunt enim Phasellus dignissim tincidunt. Nunc vel et Sed nisl Vestibulum odio montes Aliquam volutpat pellentesque. Ut pede sagittis et quis nunc gravida porttitor ligula.
</div><!-- #footer -->
В таблице это:
Код
/* Footer
-----------------------------------------------------------------------------*/
#footer {
width: 1000px;
margin: -100px auto 0;
height: 100px;
background: #BFF08E;
position: relative;
}
но где искать подобноее в CSS по версии artisteer
Надо жить!!!
*

Sektor38

  • Захожу иногда
  • 183
  • 0 / 1
Вот конкретно что связанно с подвалом у CSS по версии artisteer
Код
/* begin Footer */
.art-footer
{
  position: relative;
  overflow: hidden;
  width: 100%;
}

.art-footer-b
{
  position: absolute;
  left:3px;
  right:3px;
  bottom:0;
  height:50px;
  background-image: url('../images/footer_b.png');
}

.art-footer-r, .art-footer-l
{
  position: absolute;
  height:50px;
  background-image: url('../images/footer_s.png');
  bottom: 0;
}

.art-footer-l
{
  left: 0;
  width:3px;
}

.art-footer-r
{
  right: 0;
  width:6px;
  clip: rect(auto, auto, auto, 3px);
}

.art-footer-t
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50px;
  background-color: #989C91;
}

.art-footer-body
{
    position:relative;
    padding: 10px;
}

.art-footer-body .art-rss-tag-icon
{
  position: absolute;
  left:   6px;
  bottom:10px;
  z-index:1;
}

.art-rss-tag-icon
{
  display: block;
  background-image: url('../images/rssicon.png');
  background-position: center right;
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  cursor: default;
}

.art-footer-text p
{
  padding:0;
  margin:0;
}

.art-footer,
.art-footer a,
.art-footer a:link,
.art-footer a:visited,
.art-footer a:hover
{
    color: #151513;
    font-style: italic;
    font-size: 12px;
}

.art-footer-text
{
  min-height: 30px;
  padding: 0 10px 0 10px;

}

.art-footer,
.art-footer-text,
.art-footer p
{
  text-align: center;
}

.art-footer a,
.art-footer a:link
{
  color: #4E5049;
  text-decoration: underline;
}

.art-footer a:visited
{
  color: #676B61;

}

.art-footer a:hover
{
  color: #515E3B;

  text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover
{
  font-family: Arial;
  font-size: 10px;
  letter-spacing: normal;
  word-spacing: normal;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
  color: #6B7D4F;
}

.art-page-footer
{
  margin: 1em;
  text-align: center;
  text-decoration: none;
  color: #575A4E;
}
/* end PageFooter */
Хоть убейте не могу врубиться что здесь за что отвечает
Надо жить!!!
*

Sektor38

  • Захожу иногда
  • 183
  • 0 / 1
не врубаюсь я в конструкцию таблицы стилей артристера :(
Надо жить!!!
*

Sektor38

  • Захожу иногда
  • 183
  • 0 / 1
Ребят, подскажите в каком направлении двигаться?
Надо жить!!!
*

Aleks_El_Dia

  • Moderator
  • 3672
  • 353 / 0
  • AEDStudio Joomla! Direction
Спам придумали боги в отместку за наши молитвы (с) Рома Воронежский
На молоко: Z369038872422 || R210017695494 || U247040729215 || ЯД 410011288250383
Мигрирую сайты, переношу расширения J!1.0->J!1.5->J!2.5. Более 50 успешных миграций.
*

Свитаслаф

  • Новичок
  • 22
  • 0 / 0
Такая же проблема.
много чего в инете перерыл, толкового ответа так и не нашел:(
*

Свитаслаф

  • Новичок
  • 22
  • 0 / 0
Откопал как это сделать.
Лезешь в менеджер шаблонов - редактировать CSS.
Найди там строку .art-footer и добавь position: fixed; bottom: 0;

Вот так выглядит у меня:

.art-footer
{
  position: fixed;
  bottom: 0;
  overflow: hidden;
  width: 1200px;
}
*

Taatshi

  • Глобальный модератор
  • 5152
  • 473 / 1
  • Верстаем и кодим. Обращайтесь ;)
Угу. Если материала будет побольше - уедет под футер...
*

Свитаслаф

  • Новичок
  • 22
  • 0 / 0
Угу. Если материала будет побольше - уедет под футер...
Вот блин.
Щас буду искать дальше
*

Taatshi

  • Глобальный модератор
  • 5152
  • 473 / 1
  • Верстаем и кодим. Обращайтесь ;)
Рекомендация - спросить на форуме артистера. Здесь те, кто разбирается, не любят в нем копаться.
*

KosmiC

  • Захожу иногда
  • 92
  • 1 / 0
  • sivway.com seo блог
Ребят ссылку на сайт выложите, я посмотрю может что то и подскажу! Мне просто сложно без сайта ориентироваться.
sivway - путь к продвижению!
*

Свитаслаф

  • Новичок
  • 22
  • 0 / 0
Ребят ссылку на сайт выложите, я посмотрю может что то и подскажу! Мне просто сложно без сайта ориентироваться.
http://igra.bilshop.ru/
*

Galyanoff

  • Захожу иногда
  • 252
  • 7 / 0
Вот статья как прижать футер, я по ней делал и все отлично работает.
http://www.xiper.net/collect/html-and-css-tricks/karkas-verstki/podval-k-nizu.html
*

Sektor38

  • Захожу иногда
  • 183
  • 0 / 1
Ребят ссылку на сайт выложите, я посмотрю может что то и подскажу! Мне просто сложно без сайта ориентироваться.
вот тут http://advokatvoronin.ru/
правда я там пробелами на время скустарил,пока не разберусь что к чему :o
Надо жить!!!
*

Sektor38

  • Захожу иногда
  • 183
  • 0 / 1
Откопал как это сделать.
Лезешь в менеджер шаблонов - редактировать CSS.
Найди там строку .art-footer и добавь position: fixed; bottom: 0;

Вот так выглядит у меня:

.art-footer
{
  position: fixed;
  bottom: 0;
  overflow: hidden;
  width: 1200px;
}
как бы когда
  position: fixed;
ставишь,подвал действительно падает туда,где должен быть, но убегает другой блок.
Надо жить!!!
*

sebrotaller

  • Новичок
  • 20
  • 0 / 0
Кто-нибудь разобрался в данном вопросе? А то я уже второй день мозг выношу себе.
*

Taatshi

  • Глобальный модератор
  • 5152
  • 473 / 1
  • Верстаем и кодим. Обращайтесь ;)
Принцип такой.

Есть общий контейнер мэйн. В нем все, кроме футера. Футер вынесен за контейнер мэйн.

Контейнеру мэйн задана минимальная высота 100%.

#main{
min-height:100%;
}

Учитываем так же, что обязательно

html, body {
height: 100%;
}

Футер - высота 100 пикселей. Отрицательным маргином поднимаем его на область дива мэйн, иначе появится полоса прокрутки в браузере даже если мало материала - ведь высота мэйн у нас 100%.

#footer {
    margin:-100px auto 0;
    height:100px;    
}

Если оставить все так, то материал в мэйн будет залезать под футер. Поэтому самым нижним дивом в мэйн делаем див - распорку spacer, который не будет содержать никакой информации, а будет занимать место тех 100 пикселей, на которые заполз наш футер.

#spacer {
    width: (какая нужно);
    height:100px;
}

Не забываем, что ширину тоже нужно указывать для дивов... и остальное все как Вам по макету нужно.

как-то так..
*

sebrotaller

  • Новичок
  • 20
  • 0 / 0
Друзья! У меня получилось прижать footer и получить желаемое.  yes!

Раскрываю все подробности.

1. Нужно найти файлы index.php и template.css вашего шаблона и сделать их копии! С первого раза задуманное не получилось, поэтому нужно это сделать обязательно, дабы избежать форс-мажора.  

2. Открыв index.php в редакторе ( в моем случае это Notepad++), нужно div art-Footer выдернуть из diva art-main, так как он находится внутри него (по сути именно из-за этого и возникала вся эта кобыла!).
Обратите внимание, сама конструкция футера состоит из art-Footer, art-Footer-inner, art-Footer-text, art-Footer-background и art-page-footer (ПИПЕЦ просто!). Чтобы вынести все это из diva art-main, нужно перед <div class="art-Footer"> поставить 3 закрывающих тэга </div>. Тут сразу же можно вставить div для распорки перед предпоследним(!) divом, и получить следующее:
Код
</div>
<div class="art-spacer"></div>
</div></div>
<div class="art-Footer">

Как видите, три закрывающих тэга стоят перед art-Footer, а так же между ними стоит распорка art-spacer.

Важно! Если у вас редактор Notepad++, стоит проверить, чтобы div atr-main закрывался перед divом art-Footer. Для надежности, после <p class="art-page-footer"></p>, удалите тэг </div>, которые стоит перед тэгом </body>

3. После того как мы закончили с файлом index.php, переходим к файлу template.css.

Здесь нужно вставить:
Код
html, body {
height: 100%;
}

в #art-main нужно добавить min-height:100% и получить следующее:
Код
#art-main
{
position: relative;
width: 100%;
min-height:100%;
left: 0;
top: 0;
}

Это растянет страницу на всю высоту и сместит футер за нижнюю границу монитора.  ВНИМАНИЕ! Если здесь будет указано height: 100%;, то это приведет к тому, что футер будет прижиматься к низу страницы при окончании загрузки страницы, но при наличии большого текста, футер встанет поверх текста и вызовет очередные проблемы, пока не будет удален и оставлен min-height:100%;.

Теперь задаем параметры распорки:
Код
/* begin Spacer*/
.art-spacer
{
width: 670px; /* здесь указываем нужную вам ширину */
height: 38px; /* здесь указываем высоту футера */
}
/* end Spacer */
Это нужно для того, чтобы футер не залезал на текст.

Далее делаем отрицательный отступ футера на высоту самого футера:
Код
.art-Footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 670px;
margin: -50px auto 0px auto;
}

В моем случае отрицательный отступ пришлось ставить больше высоты футера на 12px. Это привело к нужному результату и радости на моем лице ;D

На этом все! Надеюсь у вас тоже все получится!
« Последнее редактирование: 02.08.2012, 14:19:38 от sebrotaller »
*

sebrotaller

  • Новичок
  • 20
  • 0 / 0
Кстати, вот результат моего труда www.tupper.kz

Сайт пока не доведен до логического конца, но тем не менее результат уже виден.
*

Enotishe

  • Осваиваюсь на форуме
  • 47
  • 0 / 0
Все равно присутствует вертикальный скролл при неполном заполнении а это не есть гуд.
*

sebrotaller

  • Новичок
  • 20
  • 0 / 0
Все равно присутствует вертикальный скролл при неполном заполнении а это не есть гуд.
Для этого нужно поиграть с отрицательным отступом. мне помогло увеличение отступа на 12px чем размер распорки
« Последнее редактирование: 03.10.2012, 15:19:26 от sebrotaller »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Невозможно назначить шаблон по умолчанию

Автор Jons$

Ответов: 3
Просмотров: 3075
Последний ответ 16.04.2015, 06:57:06
от Petrofrk
Не могу убрать баннер, и прижать шапку влево

Автор Adrenaline

Ответов: 6
Просмотров: 968
Последний ответ 11.09.2014, 21:11:31
от midav
Шаблон описания - как осуществить?

Автор OlgaK

Ответов: 1
Просмотров: 680
Последний ответ 14.08.2014, 10:52:15
от OmniWizard
[Решено] Шаблон списка категории

Автор DFor

Ответов: 6
Просмотров: 3394
Последний ответ 10.09.2013, 17:28:21
от melkiialex
прижать подвал

Автор mif2008

Ответов: 13
Просмотров: 1199
Последний ответ 08.08.2012, 11:28:47
от mif2008