Autor Zpráva
Mila4
Profil
Zdravim,
prosím vás mám problém na stránkách www.maxxproduciton.cz potrebuji udelat vpravo uplne mimo stranku misto pro banner ale uz nevim co delam spatne a jak to tam mam zaclenit. Tak kdybyste mi nekdo pomohl byl bych moc rad.

css je :



html, body {border: 0; margin: 0; padding: 0;}

body {
  	font: 85%/0.9 arial, helvetica, sans-serif;
	background: url(images/bg_repeat.jpg) repeat 0 0;
  	line-height: 130%;
  	width: 100%;
  	min-width: 970px;
}
/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
  	margin: 0;
  	padding: 0;
  	font-weight: normal;
}

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

p.notfound{padding: 15px 0 100px;}

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

blockquote {
  	font-family: Georgia, "Times New Roman", Times, serif;
  	font-style: italic;
  	color: #666;
	margin: 10px 20px;
	font-size: 1.2em;
	display: block;
}

blockquote span.open {
	background: url(images/quote_open.gif) no-repeat left top;
	padding: 0 0 0 15px;
}

blockquote span.close {
	background: url(images/quote_close.gif) no-repeat bottom right;
	padding: 0 15px 0 0;
}

code {
  	display: block;
	background: #F8F7F3;
	border-top: #EEEEDF 2px solid;
	border-bottom: #EEEEDF 2px solid;
  	color: #666666;
  	padding: 10px 15px;
  	margin: 10px 15px;
	font-family: "Courier New", Courier, monospace;
}

small {font-size: 0.80em;}

img {border: none;}

sup {
  	position: relative;
  	bottom: 0.3em;
  	vertical-align: baseline;
}

sub {
  	position: relative;
  	bottom: -0.2em;
  	vertical-align: baseline;
}

acronym, abbr {
  	cursor: help;
  	letter-spacing: 1px;
  	border-bottom: 1px dashed;
}

hr {
  	display: block;
  	clear: both;
  	border-top: 1px dotted #E7E1DE;
  	border-bottom: 1px dotted white;
  	margin: 5px 20px 0;
}

.red {
	color: #FF3300;
}

.green {
	color: #5EBA0A;
}

/***** Links *****/

a {
  	text-decoration: none;
  	color: #0099CC;
}

a:hover {text-decoration: none; color: #00CCFF;}

a img {
  border: none;/*remove border for linked images*/
}

/***** Tables *****/

table {border: 0; margin: 0 0 18px 0; padding: 0;}

table tr td {padding: 2px;}


/***** clear *****/
.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */.clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */

.endOfSection {
  	clear: both;
  	width: 100%;
  	height: 0;
  	line-height: 0;
  	font-size: 0;
  	padding: 0;
  	margin: 0;
  	border: 0;
}

/***** Global Classes *****/
.alignleft {display: block; float: left;}

.alignright {display: block; float: right;}

.aligncenter {
  	display: block;
  	text-align: center;
  	margin: 0 auto;
}

/* images border */
img.alignleft,
img.alignright,
img.aligncenter {
	display: block;
	padding: 3px;
	background: #F5F4F3;
	border: 1px solid #E8E4E2;
}

img.alignleft {
	float: left;
	margin: 0 10px 2px 0;
}

img.alignright {
	float: right;
	margin: 0 0 2px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.noborder {
	border: none;
	background: transparent;
	padding: 0;
}


/***** BANNER *****/
#top {
	height: 90px;
	padding: 0 25px;
  	background: #F4F4EA url(images/bg.jpg) repeat-x 0 0;
}
/***** Main Layout ****/

#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
  	background: url(images/bg.jpg) repeat-x 0 0;
}

#wrapper {
  	width: 960px;
  	background: url(images/bg_content.jpg) repeat-y top left;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
}

/***** TOP PAGE *****/
#top {
	height: 90px;
	padding: 0 25px;
  	background: #F4F4EA url(images/bg.jpg) repeat-x 0 0;
}


/***** HEADER *****/
#header {
	background: url(images/header.jpg) no-repeat;
	width: 100%;
	height: 214px;
	position: relative;
	z-index: 1;
	color: white;
	font-family: "Trebuchet MS",Tahoma, Arial, sans-serif;
}

#header .intro {
	width: 650px;
	height: 155px;
	padding: 50px 0 0 30px;
}

#header .intro h1 {
	font-size: 1.8em;
	padding: 5px 0 15px 0;
	font-weight: bold;
}

#header .intro h2 {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#header .intro p {
	font-size: 1.1em;
	padding: 0;
	margin: 0;
}

/* Header info */
#header .info {
	position: absolute;
	z-index: 2;
	left: 20px;
	top: 190px;
	color: black;
	width: 530px;
	font-size: 0.85em;
	color: #999;
}

/* Main Navigation */
#nav {
	background: transparent url(images/nav_bg.jpg) repeat-x left top;
	display: block;
	padding: 0;
	margin: 0;
	height: 54px;
	width: 100%;
	list-style: none;
	text-align: center;
	z-index: 100;
  	position: relative;
}

#nav li {
	background: url(images/nav_sep.jpg) no-repeat 0 0;
	text-align: center;
	display: block;
	float: left;
	height: 54px;
	width: auto;
	margin: 0;
	padding: 0;
  	position: relative;
}

#nav li a {
	display: block;
	position: relative;
	float: left;
	height: 34px;
	padding: 0 15px;
	line-height: 34px;
	color: #ccc;
	font-size: 0.9em;
	left: 2px;
}

#nav li a:hover {
	background: url(images/nav_over.jpg) repeat-x 0 0;
	color: white;
}

#nav li a.active {
	background: url(images/nav_over.jpg) repeat-x 0 0;
  	color: white;
	font-weight: bold;
}

#nav li.sep {
	background: url(images/nav_sep.jpg) no-repeat 0 0;
	width: 2px;
	height: 34px;
	display: block;
}

#nav li.left {
	background: url(images/nav_l.jpg) no-repeat left top;
	width: 5px;
	height: 34px;
}

#nav li.right {
	background: url(images/nav_r.jpg) no-repeat right top;
	width: 36px;
	height: 34px;
	float: right;
}

/***** CONTENT *****/
#content {
	display: block;
	float: left;
	clear: left;
	width: 630px;
	padding: 20px 15px 20px 20px;
}

#content h1 {
	margin: 20px 0;
}

#content h2 {
	height: 20px;
	font-size: 1.6em;
	font-weight: bold;
	padding: 8px 0 0 0;
	color: #232323;
}

#content h3 {
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px dashed #999;
	padding-top: 30px;
	color:  #232323;
	margin-bottom: 20px;
}

#content h4 {
	font-size: 1.3em;
	font-weight: bold;
	color:  #232323;
	margin-bottom: 15px;
}

/* post */
#content .post {
	margin: 0 0 30px 0;
	padding: 0;
	clear: both;
	text-align: justify;
}

#content .post .title {
	background: #F8F7F3;
	border: #EEEEDF 1px solid;
	display: block;
	clear: both;
	padding-right: 10px;
}

#content .post .title h1 {
	height: 20px;
	font-size: 1.4em;
	font-weight: bold;
	padding: 8px 0 0 0;
	margin: 0;
	color: #232323;
}

#content .post .title h1 a {
	color: #232323;
	text-decoration: none;
}

#content .post .title h1 a:hover {
	color: #0066CC;
}

#content .post .title small, #content .post .title span {
	color: #232323;
}

#content .post .title span {
	font-size: 0.5em;
}

#content .post .title small a, #content .post .title span a {
	color: #FF3399;
}

#content .post .title small a:hover, #content .post .title span a:hover {
	color: #0099FF;
}

/* Post Date */
#content .post .title .date {
  Float: left;
  clear: left;
  width: 48px;
  height: 44px;
  border-right: 1px solid #DFD8C8;
  margin: 4px 10px 4px 0;
  text-align: center;
}

#content .post .title .date .day {
  display: block;
  clear: left;
  font-size: 1.8em;
  color: #393939;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#content .post .title .date .month {
  display: block;
  clear: both;
  font-size: 0.9em;
  font-weight: bold;
  margin:-3px 0;
  text-transform: uppercase;
  padding: 0;
}

#content .post .title .date .year {
  display: block;
  clear: left;
  font-size: 0.85em;
  color: #393939;
  font-weight: bold;
  line-height: 12px;
  margin: 0;
  padding: 0;
}

/* Page */
#content #page h1 {
	padding: 5px 10px;
}

/* Post Entry */
#content .post .entry {
	padding: 0 15px;
	margin: 0;
}

#content .post .entry p.more {
	font-size: 0.8em;
}

#content .post .postmetadata {
	font-size: 0.8em;
	color:  #232323;
}

/* Writer Info */
#content #writerInfo {
	background: #F8F7F3;
	border: #EEEEDF 1px solid;
	padding: 20px 10px;
	display: block;
	margin:25px 0 15px 0;
	padding:12px;
	font-size: 0.9em;
}

#content #writerInfo img {
	padding:3px;
	background-color: white;
	border:1px solid #ccc;
	float:left;
	display: block;
	margin-right: 7px;
}

#content #writerInfo p {
	margin:0;
	width:500px;
	padding: 0;
	float: right;
}

#content #writerInfo span {
	display:block;
	float: left;
	padding-top:4px;
	margin-top:12px;
	border-top:1px solid #EEEEDF;
}

#content #writerInfo a.rss {
	background: url(images/feed_small.jpg) no-repeat right 2px;
	padding-right: 18px;
}

/* Content - Global Classes */
#content a {
	text-decoration: underline;
}

#content ul {
	padding: 5px 0 5px 20px;
}

#content ul li {
	background: url(images/bullet.jpg) 0 4px no-repeat;
	padding-left: 20px;
	margin: 10px 0;
}

#content ol li {
	margin: 10px 0;
}

/* Back to top */
#content a.backToTop {
	background: url(images/content_backToTop.jpg) no-repeat right 0;
	display: block;
	clear: both;
	width: 100%;
	height: 20px;
	margin-bottom: 4px;
	text-decoration: none;
}

#content a:hover.backToTop {
	border: none;
	background: url(images/content_backToTop.jpg) no-repeat right -20px;
}

#content .navigation {
	display: block;
MCKAY
Profil
Tak za 1. Když vkládáš dloiuhý zdrojový kód klikni nejprve na ten obrázek s <>, aby byl barevně označený
Za 2. pochybuju, že ti někdo při takto strohém popisu problému pomůže, a bude se chtít vrtat v celém kódu, pokud chceš, aby ti někdo pomohl, hoď sem jen tu část, která ten banner ovlivňuje.
Mila4
Profil
Jenže mě de jen o to jak udělat to místo pro ten banner ubec si nevím rady jak to tam zasadit aby mi to udelalo jakoby jedno okno kam vlozim banner. Kdybych to mel vlozit do toho hlavniho okna kde je obsah webu nebo menu tak to neni problem ale mimo to si ubec nevim rady!
Shadowek
Profil
No nechce se mi to tam hledat ale pokud nemáš relativní šířku tak si tam mužeš absolutně napozicovat nějaký DIV
Mila4
Profil
No nechce se mi to tam hledat ale pokud nemáš relativní šířku tak si tam mužeš absolutně napozicovat nějaký DIV
A pokud ji relativni mam?

mam to tam takle:

html, body {border: 0; margin: 0; padding: 0;}



body {

  	font: 85%/0.9 arial, helvetica, sans-serif;

	background: url(images/bg_repeat.jpg) repeat 0 0;

  	line-height: 130%;

  	width: 100%;

  	min-width: 970px;

}

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: