Pasha199

Chukcha, как увеличить карту на всю страницу? как сделать фон поверх карты?

CSS

/* ============================ 6. CONTACT ========================= */

#module-contact-container{

	display: inline-block;

    position: relative;

	width:100%;

}

#map-holder, #media-holder-contact

{

	position:relative;

	float:left;

	width: 100%;

	height: 445px;

	z-index:2;	

	display:none;

	background-image:url(../assets/loaders/loader.gif);

    background-repeat:no-repeat;

	background-position:center;

	background-color: #f5f5f5;

}

#media-holder-contact{ display: inline-block; overflow:hidden;}

#map-holder iframe

{

	position:absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	display:none;	

}

#module-contact

{

	clear:both;

	position:relative;

	float:left;

	z-index:3;

	width:100%;

	height:330px;

	visibility:hidden;

}

.module-contact-background

{

  	position:relative;

	float:left;

	width:100%;

	height:330px;

  	background-color:#ffffff;

}

#module-contact-holder

{

	position:absolute;

	width: 635px;	

	right:0;

	margin-top: 20px;	

}

.contact-information

{

	position:relative;

	float:left;

	width: 40%; 

	height: 230px;

	margin-top: -20px;

}

.contact-information-title

{

	position:relative;

	float: left;

	width: 100%;

	margin-top: 16px;	

}

.contact-information-title p

{

	font-family:PT Sans;

	font-weight: bold;

	font-size:20px;

	color:#333333; 

	text-align:left;	

}

.contact-information-details

{

	position:relative;

	float: left;

	width: 100%;

	margin-top: 20px;

}

.contact-information-details img

{

	position:relative;

	float: left;

	width: 30px;

	height: 30px;

}

.contact-information-details p

{

	position:relative;

	float: left;

	width: 160px;

	margin-left: 15px;

	margin-top: 8px;

	font-family:PT Sans;

	font-weight: normal;

	font-size:14px;

	color:#444444; 

	text-align:left;

}

.contact-information-details p a

{

	position:relative;

	float: left;	

	font-family:PT Sans;

	font-weight: normal;

	text-decoration: none;

	font-size:14px;

	color:#4c4c4c; 

	text-align:left;

}

.contact-information-details p a:hover

{

	font-family:PT Sans;

	font-weight: normal;

	text-decoration: underline;

	font-size:14px;

	color:#4c4c4c; 

	text-align:left;

}

.contact-form-holder

{

	position:relative;

	float:left;

	width: 56%; 

	height: 250px;

	margin-top: 10px;

	margin-left: 4%;

}

.contact-form-holder form

{

	position: relative;

	float: left;

	width: 100%; 

	margin-top: 8px;	

}

.form-input-half-left

{

	position:relative;

	float: left;

	width: 48%; 

	height: 30px;

	margin: 2px auto;	

}

.form-input-half-left input, .form-input-half-right input

{

	position:absolute;

	float:left;

	left: 0px;

	width: 97%; 

	height:25px;

	top: 0px;

	margin: 3px auto;

	margin-left: 5px;

	padding: 0;

	background-color:transparent;

	border: none;

    font-family:PT Sans;

	font-weight: normal;

	text-decoration: none;

	font-size:14px;

	color:#0c0c0c; 

	text-align:left;

	overflow:hidden;

	outline: none;

}



.form-input-half-right

{

	position:relative;

	float:left;

	width: 48%;  

	height: 30px;

	margin: 2px auto;

	margin-left: 2%;

}



.form-input-large

{

	position:relative;

	float: left;

	width: 98.5%;  

	height:30px;

	margin: 5px 1% 2px 0;

}

.form-input-large input

{

	position:absolute;

	float:left;

	left: 0px;

	width: 98.5%; 

	height:25px;

	top: 0px;

	margin: 3px auto;

	margin-left: 5px;

	padding: 0;

	background-color:transparent;

	border: none;

    font-family:PT Sans;

	font-weight: normal;

	text-decoration: none;

	font-size:14px;

	color:#0c0c0c; 

	text-align:left;

	overflow:hidden;

	outline: none;

}

.form-input-textarea

{

	position:relative;

	float: left;

	width: 98.5%; 

	height:120px;

	margin: 5px 1% 2px 0;

	

}

.form-input-textarea textarea

{

	position:absolute;

	float:left;

	left: 0px;

	width: 98.5%; 

	height:115px;

	margin: 3px auto;

	margin-left: 5px;

	padding: 0;

	background-color: transparent;

	border: none;

    font-family:PT Sans;

	font-weight: normal;

	text-decoration: none;

	font-size:14px;

	color:#0c0c0c; 

	text-align:left;

	overflow:hidden;	

	outline: none;

}

.form-input-border{

	border: #6e6e6e 1px solid;	

}

.form-input-error-border{

	border: #cc0033 1px solid;	

}

.form-input-background

{

	position: relative;

	float: left;

	width: 100%;

	height: 100%;

	background-color: #9e9e9e;	

}

#response-form{

	display:none;

	position:relative;

	float:left;

	left: 0px;

	margin-top: 6px;

	margin-right: 0px;	

	line-height: 110%;

	width: 48%;	

}

#response-form p, #response-form span

{

	display:none;

	font-family:PT Sans;

	font-weight: bold;

	text-decoration: none;

	font-size:13px;

	color:#3f3f3f; 

	text-align:left;

}

#response-form span{ color: #cc0033; }

.form-buttons

{

	position:relative;

	float:right;

	right: 0px;

	margin-top: 6px;

	margin-right: 0px;

	width: 48%;

}

#form-reset, #form-send

{

	position:relative;

	float:left;

	width: 45%;

	line-height: 200%;

	background-color: #3F3F3F;

	margin-left: 7px;

	cursor: pointer;

	cursor: hand;

}

#form-reset p, #form-send p

{

	font-family:PT Sans;

	font-weight: normal;

	text-decoration: none;

	font-size:13px;

	color:#FFFFFF; 

	text-align:center;

}

Т.е. белый фон нужно сделать полупрозрачным и карту сделать на всю страницу. Подскажите пожалуйста как это сделать.

Proofer, спасибо.

ivan-lev, спасибо большое, начну изучать. Хотел бы написать для себя маленькую CMS, под свои проекты.

MoMM, да, но картинка меняет положение на 20px.

TF-Studio, можете подсказать где можно скачать какую нибудь простую админку yii?

Dreammaker, установлен Yii, создан проект (сайт), установлен Bootstrap.

Подскажите пожалуйста

bay_ebook, хочу послушать мнение людей с этого форума.

nomads, нужно красиво оформить портфолио, НО на Европейском уровне и стиле.