цвета на футъра под картинката

shterev · 29 Април 2010

я дай ЦСС-а

overdozze · 29 Април 2010

Код:

@charset "windows-1251";
/* CSS Document */

#page_all {
	width:1100px;
	height:auto;
	margin:auto;
}

#h_left {
	width:64px;
	height:242px;
	float:left;
	background-image:url(../images/img_01.png);
}


.latestgalleryprev {

	margin:5px;

	padding:5px;

	background-color:#ffffff;

	border:1px solid #d9d9d9;

	width:115px;

	

	

}

.lastesttd {

	background-color:#f0f0f0;

	border: 1px solid #d9d9d9;

	

	text-align:center;

}



.gall {

	background-color:#f0f0f0;

	border:1px solid #d9d9d9;

	vertical-align:top;

}




#h_middle {
	width:963px;
	height:auto;
	float:left;
	background-color:#FFFFFF;
}

#login {
	width:262px;
	height:155px;
	float:left;
	background-image:url(../images/img_13.jpg);
}

#header {
	width:701px;
	height:155px;
	float:left;
	background-image:url(../images/img_14.jpg);
}

#navigation {
	width:963px;
	height:45px;
}

#navigation ul {
	list-style:none;
	display:block;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#navigation li {
	float:left;
	height:45px;
}

#navigation  li a {
	display: block;
	text-decoration: none;
	height:45px;
}

#navigation  li a:hover { 
	text-decoration: none; 
}

#content_row {
	width:640px;
	height:auto;
	float:left;
	background-color:#FFFFFF;
}

#right_row {
	width:323px;
	height:auto;
	float:left;
	background-color:#FFFFFF;
}

#content_top {
	width:640px;
	height:42px;
	background-image:url(../images/img_15.jpg);
}

#content {
	padding:4px;
}

#footer_out { 
    height:110px;
    background-image: url(../images/backx.jpg) repeat-x;
}

#footer {
height:110px;

background-image: url(../images/footer.jpg) no-repeat;
margin:auto;

}



#text {
	float:left;
	height:42px;
	line-height:42px;
	font-weight:bold;
	padding-left:10px;
}
#copyr {
	float:right;
	height:42px;
	line-height:42px;
	font-weight:bold;
	padding-right:10px;
}
.clear {
	clear:both;
}

#l_username {
	height:30px;
	padding:31px 0 0 36px;
}

#l_pw {
	height:30px;
	padding:1px 0 0 36px;
}

#loginb {
	padding:2px 0 0 30px;
	float:left;
	width:100px;
}

#register {
	float:right;
	text-align:right;
	padding:13px 8px 0 0;
}

#logged {
	padding:20px 0 0 40px;
	color:#FFFFFF;
}

#logged a, #logged a:visited, #logged a:active, #logged a:hover {
	color:#FFFFFF;
}

input.username{
	width:207px;
	height:14px;
	border:none;
	padding:5px;
	position:absolute;
	color:#FFFFFF;
	background-image:url(../images/img_44.jpg);
}
input.password{
	width:207px;
	height:14px;
	border:none;
	padding:5px;
	position:absolute;
	color:#FFFFFF;
	background-image:url(../images/img_45.jpg);
}
/********** NAVI **********/

#home, #home:visited {
	width:99px;
	height:45px;
	background-image:url(../images/img_02.jpg);
}
#home:hover {
	width:99px;
	height:45px;
	background-image:url(../images/img_32.jpg);
}

#archive, #archive:visited {
	width:96px;
	height:45px;
	background-image:url(../images/img_03.jpg);
}
#archive:hover {
	width:96px;
	height:45px;
	background-image:url(../images/img_33.jpg);
}

#forum, #forum:visited {
	width:97px;
	height:45px;
	background-image:url(../images/img_04.jpg);
}
#forum:hover {
	width:97px;
	height:45px;
	background-image:url(../images/img_34.jpg);
}

#members, #members:visited {
	width:96px;
	height:45px;
	background-image:url(../images/img_05.jpg);
}
#members:hover {
	width:96px;
	height:45px;
	background-image:url(../images/img_35.jpg);
}

#matches, #matches:visited {
	width:96px;
	height:45px;
	background-image:url(../images/img_06.jpg);
}
#matches:hover {
	width:96px;
	height:45px;
	background-image:url(../images/img_36.jpg);
}

#files, #files:visited {
	width:96px;
	height:45px;
	background-image:url(../images/img_07.jpg);
}
#files:hover {
	width:96px;
	height:45px;
	background-image:url(../images/img_37.jpg);
}

#gallery, #gallery:visited {
	width:96px;
	height:45px;
	background-image:url(../images/img_08.jpg);
}
#gallery:hover {
	width:96px;
	height:45px;
	background-image:url(../images/img_38.jpg);
}

#polls, #polls:visited {
	width:97px;
	height:45px;
	background-image:url(../images/img_09.jpg);
}
#polls:hover {
	width:97px;
	height:45px;
	background-image:url(../images/img_39.jpg);
}

#contact, #contact:visited {
	width:96px;
	height:45px;
	background-image:url(../images/img_10.jpg);
}
#contact:hover {
	width:96px;
	height:45px;
	background-image:url(../images/img_40.jpg);
}

#imprint, #imprint:visited {
	width:94px;
	height:45px;
	background-image:url(../images/img_11.jpg);
}
#imprint:hover {
	width:94px;
	height:45px;
	background-image:url(../images/img_31.jpg);
}
/*********** RIGHT STUFF **********/
#lheadline_top {
	width:323px;
	height:70px;
	background-image:url(../images/img_16.jpg);
}

#lmatches_top {
	width:323px;
	height:57px;
	background-image:url(../images/img_20.jpg);
}

#sponsors_top {
	width:323px;
	height:57px;
	background-image:url(../images/sponsors.jpg);
}


#partners_top {
	width:323px;
	height:57px;
	background-image:url(../images/partners.jpg);
}


#ltopics_top {
	width:323px;
	height:58px;
	background-image:url(../images/img_22.jpg);
}

/********** Headline **********/

#lheadline ul {
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#lheadline li {
	list-style:none;
}

#lmatches ul {
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#lmatches li {
	list-style:none;
}

#ltopics ul {
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#ltopics li {
	list-style:none;
}


.litext {
	height:24px;
	padding-top:2px;
}

.lleft {
	float:left;
	width:270px;
}

.lright {
	float:right;
	width:45px;
	padding-top:7px;
}

/********** NEWS **********/

.newspic {
	width:370px;
	float:left;
}

.rating {
	width:230px;
	float:left;
}

.rating a, .rating a:visited, .rating a:active {
	color:#c40b09;
	font-size:12px;
	font-weight:bold;
}

.rating a:hover {
	color:#c40b09;
	font-size:12px;
	font-weight:bold;
}

.ntext {
	padding-top:15px;
	padding:5px;
}

.nbottom {
	width:620px;
	height:25px;
	background-image:url(../images/img_50.jpg);
}

.comment a, .comment a:visited, .comment a:active {
	color: #bcbcbc;
    font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

.comment a:hover {
	color: #bcbcbc;
    font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

.written a, .written a:visited, .written a:active {
	color: #bcbcbc;
    font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

.written a:hover {
	color: #bcbcbc;
    font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

.comment a, .comment a:visited, .comment a:active {
	color: #bcbcbc;
    font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

.comment {
	color: #bcbcbc;
    font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}
.comment a, .comment a:visited, .comment a:active {
	color: #bcbcbc;
    font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

.written {
	color: #bcbcbc;
    font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

shterev · 29 Април 2010

Код:

#footer {
height:110px;

background: url(../images/footer.jpg) no-repeat;
margin:auto;

}

overdozze · 29 Април 2010

Не трябва ли да е така ?!

shterev · 29 Април 2010

ами background когато е можеш да задаваш от всички свойства, a background-image само пътя до снимката. По твоя на1ин трябва да е така :

background-image: url(../images/pic.jpg);
background-repeat: no-repeat;

overdozze · 29 Април 2010

А да.. а защо не се центрира,нали би трябвало с маргина да се центрира точно ?!

shterev · 29 Април 2010

добави на #footer -> width:100px; или някаква по малка стойност

overdozze · 29 Април 2010

Готово . Благодаря ти много !

shterev · 29 Април 2010

аз не го видях! във файла който ми прати цсс-а де

overdozze · 29 Април 2010

shterev каза:
аз не го видях! във файла който ми прати цсс-а де

аз после си го добавих сам.

shterev · 29 Април 2010

и какво не се центрира ли? Има width има и margin:0 auto; и не се центрира?

цвета на футъра под картинката

shterev

Registered

overdozze

Registered

shterev

Registered

overdozze

Registered

shterev

Registered

overdozze

Registered

shterev

Registered

overdozze

Registered

shterev

Registered

overdozze

Registered

shterev

Registered