• 10-02-2010, 00:41:43
    #1
    arkadaşlar slide show'un sağındaki mesafeyi solundaki mesafeyle eşitliyemedim.
    daha önce orda başka bir alan vardı. anlanı iptal ettim.
    Css kodlarınıda ekledim.
    cssci canım arkadaşlarım sizden yardım istiyorum.

    http://biznesparkdon.com/sub/femetal3/anasayfa.html

    http://biznesparkdon.com/sub/femetal3/index.rar


    html, body, form, fieldset {
    	margin: 0;
    	padding: 0;
    }
    
    body {
    	background: #FFFFFF;
    	color: #333333;
    	font-family: Arial, Helvetica, sans-serif;
    	line-height: 1.5;
    }
    
    body#bd {
    	background: #B3B3B3;
    	color: #333333;
    	text-align: center;
    }
    
    body.contentpane {
    	margin: 1em 2em;
    	width: auto; /* Printable Page */
    	background: #FFFFFF;
    	color: #000000;
    }
    
    body.fs1{
    	font-size: 9px;
    }
    
    body.fs2{
    	font-size: 10px;
    }
    
    body.fs3{
    	font-size: 11px;
    }
    
    body.fs4{
    	font-size: 12px;
    }
    
    body.fs5{
    	font-size: 13px;
    }
    
    body.fs6{
    	font-size: 14px;
    }
    
    /* Normal link */
    a {
    	color: #333333;
    	text-decoration: underline;
    }
    
    a:hover, a:active, a:focus {
    	color: #333333;	
    	text-decoration: underline;
    }
    
    /* Title text */
    .contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4, h5, h6 {
    	font-weight: bold;
    }
    
    /* Small text */
    small, .small, .smalldark, .mosimage_caption {
    	font-size: 100%;
    	color: #999999;
    }
    
    /* Heading */
    h1 {
    	font-size: 180%;
    }
    
    h2 {
    	font-size: 150%;
    }
    
    h3 {
    	font-size: 135%;
    }
    
    h4 {
    	font-size: 100%;
    	text-transform: uppercase;
    }
    
    p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
    	margin: 10px 0;
    	padding: 0;
    }
    
    ul {
    	list-style: none;
    }
    
    ul li {
    	padding-left: 35px;
    	line-height: 170%;
    	background: url(../images/bullet-list.gif) no-repeat 25px 8px;
    }
    
    ol li {
    	margin-left: 35px;
    	line-height: 170%;
    }
    
    th {
    	padding: 5px;
    	font-weight: bold;
    	text-align: left;
    }
    
    fieldset {
    	border: none;
    }
    
    fieldset a {
    	font-weight: bold;
    }
    
    hr {
    	border-bottom: 0;
    	border-left: 0;
    	border-right: 0;
    	border-top: 1px solid #CCCCCC;
    	height: 1px;
    }
    
    a img {
    	border: none;
    }
    
    td, div {
    	font-size: 100%;
    }
    
    /* FORM
    --------------------------------------------------------- */
    form {
    	margin: 0;
    	padding: 0;
    }
    
    form label {
    	cursor: pointer;
    }
    
    input, select, textarea, .inputbox {
    	padding: 1px;
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 100%;
    }
    
    select, textarea, .inputbox {
    	background: #FFFFFF;
    	color: #333333;
    }
    
    .button, .button:hover {
    }
    
    .button:active, .button:focus {
    }
    
    .inputbox {
    	border: 1px solid #999999;
    	margin-bottom: 1px;
    }
    
    .inputbox:hover, .inputbox:focus {
    	border-color: #333333;
    }
    
    /* BONUS TYPOGRAPHY STYLES
    -------------------------------------------------------------------------*/
    pre, .code {
    	padding: 10px 15px;
    	margin: 5px 0 15px;
    	border-left: 5px solid #DDDDDD;
    	background: #F5F5F5;
    }
    
    blockquote {
    	padding: 5px 40px 5px 15px;
    }
    
    blockquote span.open {
    	padding: 0 0 0 20px;
    	background: url(../images/so-q.gif) no-repeat left top;
    }
    
    blockquote span.close {
    	padding: 0 20px 0 0;
    	background: url(../images/sc-q.gif) no-repeat bottom right;
    }
    
    /* Quote hilight */
    .quote-hilite {
    	padding : 10px 15px;
    	margin: 0;
    	background: #FFFFFF;
    	border: 1px solid #DDDDDD;
    }
    
    /* Small quote */
    .small-quote {
    	background: none;
    	margin: 0;
    	padding: 0;
    }
    
    .small-quote span.open-quote {
    	background: url(../images/so-q.gif) no-repeat center left;
    	margin: 0;
    	padding-left: 20px;
    }
    
    .small-quote span.close-quote {
    	background: url(../images/sc-q.gif) no-repeat center right;
    	margin: 0;
    	padding-right: 20px;
    }
    
    .small-quote span.author {
    	display: block;
    	padding: 2px 5px 2px 20px;
    	background: url(../images/author.gif) no-repeat 5px 4px #DDDDDD;
    	border-top: 1px solid #DDDDDD;
    	margin: 0.5em 0 0;
    	text-transform: uppercase;
    	font-size: 90%;
    }
    
    /* Dropcap */
    .dropcap {
    	float: left;
    	padding: 4px 8px 0 0;
    	display: block;
    	font: 50px/40px Georgia, Times, serif;
    }
    
    /* Tips, Error, Message, Hightlight*/
    .error {
    	padding-left: 25px;
    	color: #E92426;
    	background: url(../images/bullet-error.gif) no-repeat top left;
    }
    
    .message {
    	padding-left: 25px;
    	color: #235675;
    	background: url(../images/bullet-info.gif) no-repeat top left;
    }
    
    .tips {
    	padding-left: 25px;
    	color: #333333;
    	background: url(../images/bullet-tips.gif) no-repeat top left;
    }
    
    .highlight {
    	padding: 1px 5px;
    	background: #FFFFCC;
    	font-weight: bold;
    }
    
    /* Note Style */
    p.stickynote {
    	background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
    	padding: 10px 0px 10px 40px;
    	border: 1px solid #DDDDDD;
    }
    
    p.download {
    	background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;
    	padding: 10px 0px 10px 40px;
    	border: 1px solid #DDDDDD;
    }
    
    .blocknumber {
    	clear: both;
    	padding: 5px 15px 10px;
    	position: relative;
    }
    
    /* Check list */
    ul.checklist {
    	list-style: none;
    }
    
    ul.checklist li {
    	margin-left: 15px;
    	padding: 0 0 5px 20px;
    	background: url(../images/checklist-bg.gif) no-repeat 0 3px;
    }
    
    /* Check list */
    ul.stars {
    	list-style: none;
    }
    
    ul.stars li {
    	margin-left: 15px;
    	padding: 0px 0 5px 20px;
    	background: url(../images/star-bg.gif) no-repeat 0 3px;
    }
    
    /* Bignumber */
    .bignumber {
    	float: left;
    	margin-right: 8px;
    	padding: 6px 7px;
    	display: block;
    	color: #FFFFFF;
    	background: url(../images/ol-bg.gif) no-repeat top left;
    	font: 20px/normal Arial, sans-serif;
    	font-weight: bold;
    }
    
    /* Talking box. Thinking box. */
    div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
    	margin: 15px 0;
    }
    
    div.bubble1 span.author,
    div.bubble2 span.author,
    div.bubble3 span.author,
    div.bubble4 span.author {
    	padding-left: 15px;
    	margin-left: 15px;
    	font-weight: bold;
    	background: url(../images/author.gif) no-repeat center left;
    }
    
    div.bubble1 div {
    	margin: 0;
    	width: 100%;
    	background: url(../images/bub1-br.gif) no-repeat bottom right;
    }
    
    div.bubble1 div div {
    	background: url(../images/bub1-bl.gif) no-repeat bottom left;
    }
    
    div.bubble1 div div div {
    	background: url(../images/bub1-tr.gif) no-repeat top right;
    }
    
    div.bubble1 div div div div {
    	background: url(../images/bub1-tl.gif) no-repeat top left;
    }
    
    div.bubble1 div div div div div {
    	margin: 0;
    	padding: 15px 15px 30px 15px;
    	width: auto;
    }
    
    div.bubble2 div {
    	margin: 0;
    	width: 100%;
    	background: url(../images/bub2-br.gif) no-repeat bottom right;
    }
    
    div.bubble2 div div {
    	background: url(../images/bub2-bl.gif) no-repeat bottom left;
    }
    
    div.bubble2 div div div {
    	background: url(../images/bub2-tr.gif) no-repeat top right;
    }
    
    div.bubble2 div div div div {
    	background: url(../images/bub2-tl.gif) no-repeat top left;
    }
    
    div.bubble2 div div div div div {
    	margin: 0;
    	padding: 15px 15px 35px 15px;
    	width: auto;
    }
    
    /* MODULE
    --------------------------------------------------------- */
    div.moduletable_menu h3,
    div.moduletable h3 
      {
    	margin: 0 0 5px;
    	padding: 0;
    	color: #333333;
    	font-size: 140%;
    	letter-spacing: normal;
    }
    
    div.moduletable_menu,
    div.moduletable {
    	margin: 0;
    	padding: 10px 1px;
    }
    
    #ja-col1 div.moduletable,
    #ja-col1 div.moduletable_menu,
    #ja-col2 div.moduletable_menu,
    #ja-col2 div.moduletable {
    
    	margin: 0 10px;
    }
    
    /* JOOMLA STYLE
    --------------------------------------------------------- */
    .article_separator {
    	display: block;
    	background: url(../images/sep.gif) repeat-x center;
    	height: 20px;
    }
    
    table.blog .article_seperator {
    }
    
    #ja-col1 .article_seperator,
    #ja-col2 .article_seperator,
    #ja-topsl .article_seperator,
    #ja-botsl .article_seperator {
    	display: none;
    }
    
    table.contentpane {
    	border: none;
    	width: 100%;
    	border-collapse: collapse;
    }
    
    table.contentpaneopen {
    	border: none;
    	border-collapse: collapse;
    }
    
    table.contenttoc {
    	margin: 0 0 10px 10px;
    	padding: 0 0 5px;
    	width: 35%;
    	border: 1px solid #CCCCCC;
    }
    
    table.contenttoc a {
    	font-weight: bold;
    }
    
    table.contenttoc td {
    	padding: 5px 5px 2px 20px;
    	background: url(../images/bullet-list.gif) no-repeat 10px 12px;
    }
    
    table.contenttoc th {
    	text-indent: 5px;
    	border-bottom: 1px solid #CCCCCC;
    	background: #F7F7F7;
    	text-transform: uppercase;
    }
    
    table.poll {
    	padding: 0;
    	width: 100%;
    	border-collapse: collapse;
    }
    
    table.pollstableborder {
    	border: none;
    	padding: 0;
    	width: 100%;
    	text-align: left;
    }
    
    table.pollstableborder img {
    	vertical-align: baseline;
    }
    
    table.pollstableborder td {
    	padding: 2px !important;
    }
    
    table.pollstableborder tr.sectiontableentry1 td {
    	border: none;
    	background: #E4E4E4;
    }
    
    table.pollstableborder tr.sectiontableentry2 td {
    	border: none;
    }
    
    table.searchintro {
    	padding: 10px 0;
    	width: 100%;
    }
    
    table.searchintro td {
    	padding: 5px !important;
    }
    
    table.adminform {
    	width: 400px!important; /*Control the Frontend Editor area width*/
    }
    
    .adminform .inputbox {
    }
    
    .blog_more {
    	margin: 15px 0;
    }
    
    .blog_more strong {
    	margin: 0 0 5px;
    	display: block;
    	font-size: 150%;
    }
    
    .blog_more ul {
    	margin: 0;
    	padding: 0;
    }
    
    .blog_more ul li {
    	padding-left: 13px;
    	background: url(../images/bullet-list.gif) no-repeat 2px 8px;
    	margin: 0;
    }
    
    td.buttonheading {
    	padding: 0 0 0 5px!important;
    	text-align: center;
    }
    
    td.buttonheading a {
    	border: none;
    }
    
    .category {
    	font-weight: bold;
    }
    
    .clr {
    	clear: both;
    }
    
    .componentheading {
    	margin-bottom: 15px;
    	padding-bottom: 5px;
    	background: url(../images/sep.gif) repeat-x bottom;
    	color: #333333;
    	font-size: 200%;
    	font-weight: bold;
    	line-height: normal;
    }
    
    .contentdescription {
    	padding-bottom: 30px;
    }
    
    table.blog .contentheading {
    	font-size: 140%;
    	line-height: normal;
    }
    
    .contentheading {
    	font-size: 200%;
    	line-height: normal;
    }
    
    a.contentpagetitle {
    	text-decoration: none;
    }
    
    a.contentpagetitle:hover,
    a.contentpagetitle:active,
    a.contentpagetitle:focus {
    	text-decoration: none;
    }
    
    a.readon {
    	font-weight: bold;
    	font-size: 90%;
    }
    
    a.readon:hover, a.readon:active, a.readon:focus {
    	text-decoration: underline;
    }
    
    table.contentpaneopen td, table.contentpane td {
    }
    
    table.contentpaneopen, table.contentpane, table.blog {
    	width: 100%;
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    
    .createdate {
    	margin: 5px 0 10px;
    	color: #999999;
    	letter-spacing: 1px;
    }
    
    .modifydate {
    	color: #999999;
    	height: 15px;
    }
    
    .moduletable {
    	padding: 0;
    }
    
    .mosimage {
    	margin: 15px 10px 10px 0!important;
    	margin: 15px 5px 10px 0;
    	padding: 0;
    }
    
    .mosimage img {
    }
    
    .mosimage_caption {
    	margin-top: 5px;
    	padding: 1px 2px;
    	color: #999999;
    }
    
    .pagenav, .pagenav_prev, .pagenav_next, .pagenavbar {
    	padding: 0 2px;
    }
    
    a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a {
    }
    
    .pagenavbar {
    }
    
    .pagenavcounter {
    	padding: 8px 14px 0 14px;
    	background: url(../images/pages.gif) no-repeat 0 11px;
    }
    
    .sectiontableheader {
    	padding: 7px 5px;
    	background: #333333;
    	color: #FFFFFF;
    	font-weight: bold;
    }
    
    tr.sectiontableentry1 td {
    	padding: 7px 5px;
    	border-bottom: 1px solid #DDDDDD;
    	background: #FFFFFF;
    }
    
    tr.sectiontableentry2 td {
    	padding: 7px 5px;
    	border-bottom: 1px solid #DDDDDD;
    	background: #E4E4E4;
    }
    
    tr.sectiontableentry1:hover td,
    tr.sectiontableentry2:hover td {
    	background: #FFFFCC;
    }
    
    .small {
    }
    
    .smalldark {
    	text-align: left;
    }
    
    div.syndicate div {
    	text-align: center;
    }
    
    .pollstableborder tr.sectiontableentry1 td,
    .pollstableborder tr.sectiontableentry2 td {
    	background: none;
    }
    
    /* MAIN LAYOUT DIVS
    --------------------------------------------------------- */
    #ja-wrapper {
    	margin: 0 auto;
    	padding: 0;
    	width: 750px;
    	text-align: left;	
    }
    
    .wide #ja-wrapper {
    	width: 970px;
    }
    
    .auto #ja-wrapper {
    	width: 95%
    }
    
    #ja-botslwrap,
    #ja-subnavwrap {
    	clear: both;
    	width: 100%;
    }
    
    #ja-headerwrap,
    #ja-mainnavwrap1 {
    	clear: both;
    	padding: 0 5px;
    }
    
    #ja-topslwrap,
    #ja-containerwrap,
    #ja-botslwrap,
    #ja-footerwrap {
    	margin-top: 10px;
    }
    
    /* PRIMARY COLUMN
    --------------------------------------------------------- */
    #ja-contentwrap {
    	background: url(../images/mainwrap-bg4.gif) repeat-y 75% 0% #FFFFFF;
    	background-position:left;
    	margin-right: 5px;
    }
    
    #ja-contentwrap div.ja-wrap1 {
    	background: url(../images/corner-white-sbl.gif) no-repeat bottom left;
    }
    
    
    
    #ja-content {
    	float: right;
    	width: 74.9%;
    }
    
    #ja-content div.innerpad {
    	clear: both;
    	margin: 0;
    	padding: 20px 15px 15px;
    	display: block;
    	height: 400px;
    }
    
    html>body #ja-content div.innerpad {
    	height: auto;
    	min-height: 400px;
    }
    
    /* SECONDARY COLUMNS
    --------------------------------------------------------- */
    #ja-col1 {
    	float: left;
    	width: 25%;
    	overflow: hidden;
    	background: url(../images/mainwrap-bg4.gif) repeat-y  #E4E4E4;
    
    }
    
    #ja-col2 {
    	float: right;
    	width: 20%;
    	overflow: hidden;
    	background: url(../images/corner-white-tl.gif) no-repeat top left #FFFFFF;
    }
    
    #ja-col2 div.ja-wrap1 {
    	background: url(../images/corner-white-tr.gif) no-repeat top right;
    }
    
    #ja-col2 div.ja-wrap2 {
    	background: url(../images/corner-white-bl.gif) no-repeat bottom left;
    }
    
    #ja-col2 div.ja-wrap3 {
    	background: url(../images/corner-white-br.gif) no-repeat bottom right;	
    }
    
    #ja-col1 table, #ja-col2 table {
        
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    
    #ja-col1 ul, #ja-col2 ul {
    	margin: 0;
    	padding: 0;
    }
    
    #ja-col1 ul li, #ja-col2 ul li {
    	padding-left: 13px;
    	background: url(../images/bullet-list.gif) no-repeat 2px 8px;
    }
    
    #ja-col1 div.moduletable h3,
    #ja-col1 div.moduletable_menu h3,
    #ja-col2 div.moduletable_menu h3,
    #ja-col2 div.moduletable h3 {
    	border-bottom: 3px solid #CCCCCC;
    	
    }
    
    /* COLLAPSIBLE LAYOUT
    --------------------------------------------------------- */
    #ja-containerwrap {
    }
    
    #ja-container {
    	width: 80%;
    	float: left;
    }
    
    /* full */
    #ja-container-f {
    	width: 100%;
    }
    
    #ja-container-f #ja-pathwaywrap {
    	margin-right: 0;
    }
    
    #ja-container-f #ja-contentwrap {
    	margin-right: 0;
    	background: #FFFFFF;
    }
    
    #ja-container-f #ja-content {
    	width: 100%;
    }
    
    /* content + col1 */
    #ja-container-fr {
    	margin: 0;
    	padding: 0;
    }
    
    #ja-container-fr #ja-pathwaywrap {
    	margin-right: 0;
    }
    
    #ja-container-fr #ja-contentwrap {
    	background: url(../images/mainwrap-bg2.gif) repeat-y 80% 0% #FFFFFF;
    	margin-right: 0;
    }
    
    #ja-container-fr #ja-contentwrap div.ja-wrap2 {
    	background: url(../images/corner-white-br.gif) no-repeat bottom right;
    }
    
    #ja-container-fr #ja-content {
    	width: 80%;
    }
    
    #ja-container-fr #ja-col1 {
    background: url(../images/mainwrap-bg4.gif) repeat-y 75% 0% #FFFFFF;
    	width: 20%;
    }
    
    /* content + col1 */
    #ja-container-fl {
    	float: left;
    	width: 80%;
    }
    
    #ja-container-fl #ja-contentwrap {
    	background: #FFFFFF;
    }
    
    #ja-container-fl #ja-content {
    	width: 100%;
    }
    
    /* HEADER
    --------------------------------------------------------- */
    #ja-headerwrap {
    	border-bottom: 1px solid #FFFFFF;
    	background: url(../images/header-bg.gif) repeat-x top left #E4E4E4;
    	height: 100px;
    }
    
    #ja-header {
    	padding: 0;
    	line-height: normal;
    	text-align: left;
    	position: relative;
    }
    
    #ja-header h1 {
    	
    	margin-left:15px;
    	padding: 0;
    	font-size: 2.5em;
    	width: 555px;
    	height: 80px;
    	display: block;
    	float: left;
    }
    
    #ja-header h1 a {
    	color: #333333;
    	text-transform: uppercase;
    	background: url(../images/logo.gif) no-repeat;
    	display: block;
    	width: 555px;
    	height: 80px;
    	text-indent: -500%;
    	outline: none;
    }
    
    /* MAIN NAVIGATION
    --------------------------------------------------------- */
    #ja-mainnavwrap {
    	background: url(../images/mainnav-bl-bg.gif) no-repeat bottom left #E4E4E4;
    }
    
    #ja-mainnav {
    	height: 40px;
    	background: #E4E4E4;
    	border-top: 1px solid #999999;
    	background: url(../images/mainnav-br-bg.gif) no-repeat bottom right;
    	padding: 0 10px;
    }
    
    #ja-mainnav a,
    #ja-mainnav a:hover,
    #ja-mainnav a:active,
    #ja-mainnav a:focus {
    	outline: none;
    	text-decoration: none; 
    }
    
    #ja-mainnav ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    }
    
    #ja-search {
    	float: left;
    	width: 100%;
    	border-bottom: 1px solid #CCCCCC;
    }
    
    #ja-search div.search {
    	margin: 3px 0 0 5px;
    	padding: 4px 5px;
    }
    
    #ja-search div.search .inputbox {
    	width: 165px;
    	border: none;
    	padding: 3px 0 2px 4px;
    	background: url(../images/icon-search.gif) no-repeat 95% 50% #FFFFFF;
    	margin-bottom: 0;
    }
    
    /* Default Joomla! Menu */
    ul.menu {
    	margin: 0;
    	padding: 1px 0 0;
    	list-style: none;
    }
    
    ul.menu li {
    	margin: 0 !important;
    	padding: 0 !important;
    	background: none !important;
    }
    
    ul.menu li a {
    	padding: 3px 5px 3px 14px;
    	width: 99.9%;
    	display: block;
    	color: #333333;
    	text-decoration: none;
    	outline: none;
    	border: none;
    	background: url(../images/bullet-list.gif) no-repeat 3px 10px;
    }
    
    ul.menu li a:hover,
    ul.menu li a:active,
    ul.menu li a:focus {
    	text-decoration: underline;
    	border: none;
    }
    
    ul.menu li.active a {
    	font-weight: bold;
    }
    
    ul.menu li.active li a span {
    	background: none;
    }
    
    ul.menu li ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    }
    
    ul.menu li.active li {
    	padding: 0 0 0 15px !important;
    	list-style: none;
    }
    
    ul.menu li.active li a {
    	padding: 3px 3px 3px 14px;
    	color: #333333;
    	background: url(../images/sublevel-bg.gif) no-repeat top left;
    	display: block;
    	width:100%;
    }
    
    ul.menu li.active li a:hover,
    ul.menu li.active li a:active,
    ul.menu li.active li a:focus {
    }
    
    ul.menu li.active li a span {
    	font-weight: normal;
    }
    
    ul.menu li.active ul li#current a {
    	font-weight: bold !important;
    }
    
    a.mainlevel {
    	background:transparent url(../images/bullet-list.gif) no-repeat scroll 3px 10px;
    	border:medium none;
    	color:#333333;
    	display:block;
    	margin:0pt;
    	padding:3px 5px 3px 14px;
    	text-decoration:none;
    	width:99.9%;
    }
    
    a.sublevel {
    	padding: 3px 3px 3px 14px;
    	display: block;
    	background: url(../images/sublevel-bg.gif) no-repeat top left;
    }
    
    a.sublevel:hover,
    a.sublevel:active,
    a.sublevel:focus {
    }
    
    /* SPOTLIGHT
    --------------------------------------------------------- */
    /* Spotlight Box Style */
    .ja-box-left, .ja-box-center, .ja-box-right {
    	float: left;
    	overflow: hidden;
    }
    
    .ja-box-full {
    	float: none;
    	overflow: hidden;
    }
    
    .ja-box-left div.moduletable {
    	padding: 0 15px 0 0;
    }
    
    .ja-box-right div.moduletable {
    	padding: 0 0 0 15px;
    }
    
    .ja-box-center div.moduletable {
    	padding: 0 15px;
    }
    
    /* Top Spotlight */
    #ja-topslwrap {
    }
    
    #ja-topsl {
    	clear: both;
    	padding: 0;
    	position: relative;
    	color: #CCCCCC;
    }
    
    #ja-topsl h3 {
    	margin: 0 0 10px;
    	padding: 0;
    	color: #CCCCCC;
    }
    
    #ja-topsl a {
    	color: #CCCCCC;
    }
    
    #ja-topsl div.moduletable {
    	margin: 0;
    	padding: 10px 10px;
    	padding-left:10px;
    	padding-right:10px;
    }
    
    #ja-topsl #ja-slideshowwrap {
    	width: 100%;
    	float: left;
    	border-color:1em #fhgyg;
    }
    
    #ja-topsl #ja-slideshow {
    	padding-left: -1px;
    	margin-right:-15px;
    }
    
    #ja-topsl #ja-newslight {
    	width: 49.9%;
    	float: left;
    }
    
    /* Bottom Spotlight */
    #ja-botslwrap {
    	color: #CCCCCC;
    }
    
    #ja-botsl {
    }
    
    #ja-botsl div.moduletable {
    	padding: 10px 10px;
    	background: none;
    }
    
    #ja-botsl div.ja-box-left,
    #ja-botsl div.ja-box-center {
    }
    
    #ja-botsl h3 {
    	margin: 0 0 5px;
    	padding: 3px 0;
    	color: #CCCCCC;
    	background: url(../images/botsl-h3-bg.gif) no-repeat bottom right;
    }
    
    /* Common Styles for both Spotlight Area */
    #ja-topslwrap,
    #ja-botslwrap {
    	background: url(../images/corner-black-tl.gif) no-repeat top left #0F0F0F;
    }
    
    #ja-topslwrap #ja-topsl,
    #ja-botslwrap #ja-botsl {
    	background: url(../images/corner-black-tr.gif) no-repeat top right;
    }
    
    #ja-topsl div.ja-wrap1,
    #ja-botsl div.ja-wrap1 {
    	background: url(../images/corner-black-bl.gif) no-repeat bottom left;	
    }
    
    #ja-topsl div.ja-wrap2,
    #ja-botsl div.ja-wrap2 {
    	background: url(../images/corner-black-br.gif) no-repeat bottom right;
    	padding: 10px;
    	padding-left: 10px;
    }
    
    #ja-topsl ul,
    #ja-botsl ul {
    	margin: 0;
    	padding:0;
    }
    
    #ja-topsl li,
    #ja-botsl li {
    	padding-left: 	-12px;
    	padding-right: 12px;
    	margin: 0;
    	background: url(../images/bullet-list.gif) no-repeat 2px 8px;
    }
    
    #ja-topsl td,
    #ja-botsl td {
    	padding: 0;
    }
    
    #ja-botsl .article_seperator,
    #ja-topsl .article_seperator {
    	display: none;
    }
    
    #ja-botsl table,
    #ja-topsl table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    
    #ja-botsl a,
    #ja-topsl a {
    	color: #CCCCCC;
    	text-decoration: none;
    }
    
    #ja-botsl a:hover {
    	text-decoration: underline;
    }
    
    /* PATHWAY
    ---------------------------------------------------------*/
    #ja-pathwaywrap {
    	background: url(../images/corner-pathway-tl.gif) no-repeat top left #E4E4E4;	
    	border-bottom: 1px solid #CCCCCC;
    	margin-right: 5px;
    }
    
    #ja-pathway {
    	background: url(../images/corner-pathway-tr.gif) no-repeat top right;
    	margin: 0;
    	padding: 8px 10px 4px 15px;
    	display: block;
    }
    
    #ja-pathway img {
    	margin: 0 5px 1px;
    }
    
    #ja-pathway strong {
    	margin-right: 5px;
    }
    
    #ja-pathway a {
    	font-weight: bold;
    }
    
    /* FOOTER
    --------------------------------------------------------- */
    #ja-footerwrap {
    	background: url(../images/corner-footer-tl.gif) no-repeat top left #E4E4E4;
    	border-bottom: 3px solid #000000;
    	clear: both;
    }
    
    #ja-footer {
    	clear: both;
    	padding: 20px 10px;
    	color: #999999;
    	text-align: left;
    	overflow: hidden;
    	position: relative;
    	background: url(../images/corner-footer-tr.gif) no-repeat top right;
    }
    
    #ja-footer a {
    	color: #999999;
    	font-weight: bold;
    }
    
    #ja-footer a:hover,
    #ja-footer a:active,
    #ja-footer a:focus {
    	color: #333333;
    	font-weight: bold;
    }
    
    #ja-cert {
    	position: absolute;
    	right: 10px;
    	top: 18px;
    }
    
    #ja-cert a {
    	padding-left: 2px;
    }
    
    /* MISCELLANOUS
    ----------------------------------------------------------- */
    ul.accessibility {
    	position: absolute;
    	top: -100%;
    }
    
    /* User Tools */
    #ja-usertools {
    	padding: 7px 0 0 15px;
    	font-size: 11px;
    	float: left;
    	border: 1px solid #CCCCCC;
    	background: #FFFFFF;
    	position: absolute;
    	top: 20px;
    	right: 20px;
    }
    
    #ja-usertools ul {
    	margin: 0 10px 0 0;
    	padding: 0;
    	float: left;
    }
    
    #ja-usertools ul li {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	background: none;
    	display: inline;
    }
    
    #ja-usertools img {
    	padding: 0 3px 0 0;
    }
    
    div.innerpad {
    	padding: 0 10px;
    }
    
    .ja-banner {
    	margin-top: 10px;
    	padding: 10px 0;
    	text-align: center;
    	background: url(../images/sep.gif) repeat-x top;
    }
    
    .ja-banner a, .ja-banner a:hover, .ja-banner a:active, .ja-banner a:focus {
    }
    
    .ja-content-module {
    	margin-top: 15px;
    	padding: 10px 0;
    	text-align: center;
    	background: url(../images/sep.gif) repeat-x top;
    }
    
    div.back_button a,
    div.back_button a:hover,
    div.back_button a:active,
    div.back_button a:focus {
    	float: left;
    	margin: 10px 0;
    	display: block;
    	font-weight: bold;
    }
    
    #passwd, #username {
    	width: 90%;
    }
    
    #mod_login_remember {
    	border: none;
    	background: none;
    }
    
    /* JA SLIDESHOW
    -------------------------------------------*/
    div#ja-slideshow-wrap {
    	background: #000;
    	border: 3px solid #646464;
    }
    
    div.ja-slideshow-case {
    	margin: 12;
    }
    
    div.ja-slideshow-case p {
    	padding-top: 9px;
    }
    
    div.ja-slidebar {
    	margin: 0;
    	padding: 0;
    	width: 100%;
    	background: #333333;
    	border-top: 1px solid #646464;
    }
    
    div.ja-slidebar ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	overflow: hidden;
    	z-index: 10001;
    	font-family: Tahoma, Arial, Helvetica, sans-serif;
    	font-size: 90%;
    }
    
    div.ja-slidebar ul li {
    	margin: 0;
    	padding: 0;
    	float: left;
    	display: block;
    	background: none !important;
    }
    
    div.ja-slidebar ul a {
    	float: left;
    	margin-right: 1px;
    	padding: 4px 3px;
    	display: block;
    	color: #E4E4E4;
    	cursor: pointer;
    	text-decoration: none;
    	line-height: normal;
    }
    
    div.ja-slidebar ul a:hover,
    div.ja-slidebar ul a:active,
    div.ja-slidebar ul a:focus {
    	background: #4F4F4F;
    	text-decoration: none;
    }
    
    div.ja-slidebar ul a.active {
    	border: none;
    	background: #000000;
    	color: #CCCCCC;
    	text-decoration: none;
    	font-weight: bold;
    }
    
    div.ja-slidebar ul li a.prev,
    div.ja-slidebar ul li a.next {
    	display: block;
    	font-weight: bold;
    }
     
    div.ja-slidebar ul li a.prev {
    	padding-left: 10px;
    }
    
    .description {
    	position: absolute;
    	bottom: 0;
    	background: #000000;
    	color: #CCCCCC;
    	font-weight: bold;
    	width: 100%;
    	padding: 4px 0;
    	text-indent: 8px;
    }
    
    .description-hidden {
    	padding: 0;
    	position: absolute;
    	bottom: 0;
    }
    
    div.shadow {
    	background: none;
    	padding: 2px 0 2px;
    	line-height: normal;
    	clear: both; 
    }
    
    address {
    	font-style: normal;
    }
    
    /* JA NEWSLIGHT
    -------------------------------------------*/
    div.ja-newsblock {
    	margin-bottom: 20px;
    }
    
    a.ja-newstitle {
    	color: #FFFFFF !important;
    	font-size: 100%;
    	text-decoration: none;
    }
    
    /* Clearfix */
    .clearfix:after {
    	clear: both;
    	display: block;
    	content: ".";
    	height: 0;
    	visibility: hidden;
    }
    
    * html > body .clearfix {
    	width: 100%;
    	display: block;
    }
    
    * html .clearfix {
    	height: 1%;
    }
    
    /* Firefox Scrollbar Hack - Do not remove */
    html {
    	margin-bottom: 1px;
    	height: 100%!important;
    	height: auto;
    }
    #form-login  p {
    	margin:0px;
    }
  • 10-02-2010, 01:27:21
    #2
    <div style="position: relative; height: 217px; overflow: hidden; z-index: 1;" id="ja_header_jsfade">

    Burda width vardı onu kaldır kod yukardaki şekilde olacak .
  • 10-02-2010, 03:32:57
    #3
    hocam bilgine sağlık, fakat tam ortalanmadı. yani sağla sol boşlu eşit değil,
    2- hocam bir de footerde türkçe karakter problemini çözemedim. google sonuçları uygulamama rağmen.