Jump to content
xisto Community
irishpeck

Css Help Please

Recommended Posts

If you visit http://forums.xisto.com/no_longer_exists/ you will see that all the images which are links have a black border around it. But when i change this to the same colour as the background colour it changes all the links in the middle of the page for the categories. How can i take the border off the images and keep the category links the same colour as they are? The css file is below in full.

body {    font-family: Verdana;    font-size: 11px;    margin: 0px;    padding: 0px;}td {    font-size: 11px;}h1 {    font-size: 16pt;    margin: 0px;}h2 {    font-size: 14px;    font-weight: bold;    margin-top: 0px;    padding-top: 0px;    margin-bottom: 10px;}h3 {    font-size: 12px;    font-weight: bold;    margin-top: 0px;    padding-top: 0px;    margin-bottom: 10px;}th {    font-size: 12px;    text-align: left;}form {    margin: 0px;}input, textarea, select, optgroup, option {    font-family: Verdana, sans-serif;    font-size: 10px;}button {    font-family: Verdana, sans-serif;    font-size: 10px;    font-weight: bold;    text-transform: uppercase;    background-color: #000;    color: white;}pre {    font-family: "Courier New";    font-size: 12px;    text-align: left;}.err {    color: red;    font-weight: bold;    margin-bottom: 5px;}.imp {    color: #CC3300;    font-weight: bold;    margin-bottom: 5px;}.msg {    color: green;    margin-bottom: 5px;}.marker {    color: red;    font-weight: bold;}.hint {    font-size: 10px;    font-style: italic;    color: gray;}#header {    padding: 10px;}#logo {    font-size: 14px;    font-weight: bold;}#logo a {    color: black;    text-decoration: none;}#logo a:hover {    color: #DF971E;    text-decoration: none;}#today {    font-size: 10px;}#nav {    text-align: right;}#city {    font-weight: bold;    font-size: 14px;    display: block;}#sidebar_left {    padding-top: 10px;    background-color: #FF6; /*#F0F4FB*/}.buttons td {    text-align: center;    background-color: #FF6;}.buttons a {    display: block;    font-weight: bold;    text-transform: uppercase;    color: white;    padding: 3px;}#sidebar_left .head {    font-size: 10px;    font-weight: bold;    text-transform: uppercase;    color: #003366;}#sidebar_left table.linkbox {    margin-bottom: 15px;}#sidebar_left table.linkbox a {    display: block;    text-align: center;    padding: 3px;    border-bottom: 1px solid #DDDDDD;}table.sidebox {    margin-bottom: 10px;}table.sidebox td {    text-align: left;}#contentcell {    }#content {    padding: 10px;}#path {    background-color: #FF6;    font-size: 16px;    margin-bottom: 5px;}#path td {    padding: 5px 5px 5px 10px;}#path a {    color: #777777;    text-decoration: none;}#path a:hover {    color: black;    text-decoration: underline;}table.searchbox {    background-color: #FF6;    border: 1px solid #DDDDDD;    margin-bottom: 20px;}table.searchbox td {    padding: 10px;}.eventnav {    border-bottom: 1px solid #DDDDDD;    margin-bottom: 10px;}table.dir {}table.dir_cat {    }table.dir_cat th {    font-size: 14px;    font-weight: bold;    text-align: left;    text-transform: none;    margin: 0px;    padding-bottom: 5px;}table.dir_cat td {}table.dir_cat .count {    color: #999999;    font-size: 10px;}table.dir_cat th .count {    color: gray;    font-size: 10px;}table.adlisting {}table.adlisting tr.ad1 {    background-color: #FF6  /*#FAFAFA;*/}table.adlisting tr.ad2 {}table.adlisting td {    padding: 4px;}table.adlisting td.head, table.adlisting tr.head td {    font-weight: bold;    background-color: #FF6;    }table.adlisting td.datehead {    background-color: #FF6;    /*border-bottom: 1px solid #CCCCCC;*/    font-weight: bold;    border-bottom: 0px;}table.adlisting td.icon {}table.adlisting td.icon img {}table.adlisting .adtitle {    font-weight: bold;}table.adlisting .date {    font-style: italic;}table.adlisting .ad1 {}table.adlisting .ad2 {    background-color: #FF6 /*#FAFAFA;*/}.adheader {    margin-bottom: 10px;    padding-bottom: 5px;    border-bottom: 1px solid #E0E0E0;}.adheader .icon {    /*vertical-align: top;*/}.adheader .adtitle {    font-size: 14px;    font-weight: bold;    margin-top: 0px;    padding-top: 0px;    margin-bottom: 0px;    padding-bottom: 0px;}.adheader .adarea {    font-size: 11px;    font-weight: normal;}.ad {    margin-bottom: 10px;}.ad .link_marker {    color: darkorange;    font-weight: bold;}.disclosures {    padding: 5px;}.disclosure_yes {    color: green;}.disclosure_no {    color: red;}.disclosures b {}.adpics {    margin-bottom: 10px;    /*border-bottom: 1px solid #DDDDDD;*/}.adpics img {    border: 1px solid black;    /*padding: 10px;    background-color: #FAFAFA;*/}.imglisting {}.imgitem {    margin-bottom: 30px;}.imgitem .head {    font-size: 12px;    font-weight: bold;}.imgitem img.img {    margin-top: 5px;    border: 1px solid black;}.imgitem .caption {}.imgitem .poster {    font-weight: bold;}.imgitem .time {    font-weight: bold;}.imgitem .desc {    margin-top: 5px;}.linkbox2 {    background-color: #FF6;    font-weight: bold;    text-transform: uppercase;    padding: 5px;    text-align: center;    color: white;}.linkbox2 a {    display: block;    color: white;}.linkbox2 a:hover {    color: white;    text-align: center;}.imagecredits {    padding: 5px;}.head {    font-weight: bold;}.imagecredits a {}.imagecredits .count {    color: #BBBBBB;    font-size: 10px;}.comments {}.comments .head {    font-size: 12px;    font-weight: bold;}.commentitem {    margin-bottom: 10px;}.commentitem .poster {    font-weight: bold;    display: block;}.commentitem .time {    color: gray;    display: block;}.commentitem .comments {    display: block;}#sidebar_right_cities {    background-color: #FF6;    padding: 0px 5px 5px 5px;}#sidebar_right {    padding: 5px 5px 5px 5px;}#sidebar_right a {}.citylist_country {    display: block;    color: black;    font-weight: bold;    text-transform: uppercase;    font-size: 10px;    margin-top: 2px;}.citylist_city {    color: #777777;    font-size: 10px;}#footer {    color: #A0A0A0;}#footer td {    font-size: 9px;    padding-left: 15px;    padding-top: 10px;}table.postad {}img.thumb {    border: 1px solid black;}.postpath {    padding: 5px;    border: 1px solid #DBC06F;    background-color: #F7F0DD;    font-size: 12px;    color: brown;    margin-bottom: 10px;}.postpath b {    color: black;}.postpath a {    font-weight: bold;    color: #003399;    font-size: 11px;}#search_top {    margin-bottom: 20px;    padding: 10px;    background-color: #FAFAFA;    border: 1px solid #EAEAEA;}.invoice {    background-color: #F0F0F0;    border-right: 1px solid #EAEAEA;    border-top: 1px solid #EAEAEA;}.invoice td {    background-color: white;    padding: 5px;    border-left: 1px solid #EAEAEA;    border-bottom: 1px solid #EAEAEA;}.invoice .empty {    background-color: white;    border: 1px solid white;}.invoice .firstcell {    font-weight: bold;}.invoice .maincell {    /*background-color: #FAFAFA;*/    text-align: right;}.invoice .totalrow td {    background-color: #FAFAFA;}.invoice .totalrow .totalcell {    background-color: #F3F3F3;    font-size: 13px;    font-weight: bold;    text-align: right;}.featuredad_first, .featuredad_first td {    background-color: #FFEEC6;    border-top: 1px solid #FFDF95;    border-bottom: 1px solid #FFDF95;    padding: 5px 5px 2px 5px;    margin-bottom: 10px;}.featuredad, .featuredad td {    background-color: #FFEEC6;    border-bottom: 1px solid #FFDF95;    padding: 5px 5px 2px 5px;    margin-bottom: 10px;}.featuredad a, .featuredad_first a {    font-weight: bold;}.post_note {    color: green;}.latestads {    padding-top: 10px;    margin-bottom: 10px;}.latestads .head {    padding-bottom: 5px;    color: steelblue;    font-size: 12px;}.latestads td {    border-top: 1px solid #F0F0F0;}.adcat {    font-size: 9px;    color: #444444;    /*text-decoration: underline;*/}table.latestads_table td {    padding: 1px;}table.latestads_table a.featured {    font-weight: bold;;}.catlist .cat {    padding: 1px;    display: block;}.catlist .cat a {    font-weight: bold;}.catlist .subcat {    padding: 1px;    display: block;}.catlist .count {    color: gray;}.adpreview {    display: block;    font-size: 10px;    color: gray;}

Share this post


Link to post
Share on other sites

adpics img {	border: 1px solid black;	/*padding: 10px;	background-color: #FAFAFA;*/}

You should change this one to:

 

adpics img {	border: none;	/*padding: 10px;	background-color: #FAFAFA;*/}

And check any place where you find an img selector and change it's property value to none

 

And try to undo what you did before. I suggest you get some tutorials on css, because css is fundamental on building a website or, at least help at designing a website properly, or how it appears to others. Check w3schools for better understanding of css or try to make a psd to xhtml tutorial, as it help a lot with css learning.

Edited by webishqiptar (see edit history)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.