Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
can not display link like I want
Old 11-25-2009, 08:43 PM can not display link like I want
Junior Talker

Posts: 3
Trades: 0
Hello

I don't understand well how to do for get a specific simple result. I don't have a lot knowledge with CSS and DIV. I have read many docs and spend more then one hours but now I would like get some help please :-(

In the joined pict you can see what I need. My code inside my page look like this:

<div id="copyright">Copyright &copy; 2008-2010 <a href="http://www.mysite.com">Mysite.com</a> - all rights reserved</div>

The css code inside my file "style.css" look like this:

#copyright {
text-align: center;
font-size: 90%;

}

#copyright a {
text-decoration: none;
text-align: center;
font-size: 90%;
}

#copyright a:hover {
text-decoration: none;
text-align: center;
font-size: 90%;
}


I have try many other code but can not get the result I want. Maybe the others code present in my css file make some conflict...but most probably my copyright code are wrong..

Any suggestions ??

Many thanks

Cheers
Attached Images
File Type: gif css.gif (3.7 KB, 4 views)

Last edited by dotcom22; 11-26-2009 at 06:55 AM..
dotcom22 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 11-26-2009, 01:13 AM Re: can not display link like I want
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
all you need is

Code:
#copyright {
text-align: center;
font-size: 90%;
text-decoration: none;
}
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 11-26-2009, 06:40 AM Re: can not display link like I want
Junior Talker

Posts: 3
Trades: 0
thank a lot for reply..

Unfortunately I have already try this and no change...

My css file contain a lot other code...and it seem a kind of conflict is made. I have see all text link are managed by a specific code...but if am not wrong is possible to add other specific link with they own properties for inherit primary link properties...

Here the rest of code...if you have time to take a look...Thank

Code:
/* @group Core Elements */

html {
    height: 100%;
    margin-bottom: 1px;
}

body,td {
    line-height: 135%;
        font-family: Arial, sans-serif;
}

body {
    margin: 0;
    padding: 0;
            
}

body.f-smaller {
    font-size: 10px;
}

body,
body.f-default {
    font-size: 12px;
}

body.f-larger {
    font-size: 15px;
}

p {
  /* setup some more readable paragraph spacing */
  margin-top: 10px;
  margin-bottom: 15px;
}

h1, h2, h3, h4, h4 {
    /* setup some more readable header spacing */
    padding-bottom: 5px;
    margin: 15px 0;
}

h1 { 
    font-size: 200%;
}

h2 {
    font-size: 175%;
}

h3 {
    font-size: 150%;
}

h4 {
    font-size: 120%;
}


body {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* @end */

/* @group Joomla Elements */

.small,
.modifydate,
.createdate,
div.mosimage_caption {
    font-size: 95%;
}

.componentheading {
    font-size: 170%;
    line-height: 100%;
    padding: 0;
    margin: 20px 0 20px 0;
}

.contentheading {
    font-size: 190%;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-family: Arial Narrow, sans-serif;
}

td.buttonheading,
.contentpaneopen td.buttonheading {
    padding: 7px 3px 0;
}

td.column_separator {
    padding-left: 15px;
}

td.componentheading {
    padding-bottom: 15px;
}

.sectiontableheader {
  font-weight: bold;
  padding: 4px;
  line-height: 20px;
  background: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  text-align: left;
  padding: 4px 0 4px 4px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e5e5e5;    
}

.sectiontableentry2 {
    background: #f1f1f1;
}

.contentpane,
.contentpaneopen {
    width: 100%;
}

/* @end */

/* @group Structure */

#masthead {
    background: url(../images/masthead-bg.png) 0 0 repeat-x;
    overflow: hidden;
    height: 125px;
    position: relative;
}

#logo {
    width: 1000px;
    height: 127px;
}

#mod-top {
    height: 99px;
    position: absolute;
    top:  0;
    right: 25px;
    background: url(../images/top-mod-bg.png) 0 0 repeat-x;
}

#mod-top .top2 {
    background: url(../images/top-mod-right.png) 100% 0 no-repeat;
}

#mod-top .top3 {
    background: url(../images/top-mod-left.png) 0 0 no-repeat;
    height:  99px;
    width:  400px;
    overflow: hidden;
}

#mod-top .padding {
    padding:  15px 10px 10px 10px;
}

#mod-top .top-padding {
    padding-left:  15px;
}

#primary-nav {
    clear:  both;
}

#mainbody {
    padding-left: 10px;
}

#sidecol {
    float: left;
    margin-top: 28px;
    background: #fff;
}

#sidecol table {
    width: 100%;

}

#sidecol .col2 {
    padding: 6px 18px 0 18px;
}

#secondcol {
    margin-top: 18px;
    float: right;
}

#secondcol .col1 {
    background: url(../images/sidecol-right.png) 100% 0 no-repeat;
}


#secondcol .col2 {
    padding: 10px 35px 0 35px;
    background: url(../images/sidecol-left.png) 0 0 no-repeat;
}

#inset {
    height: 60px;
    margin-right:  30px;
    overflow: hidden;
}

#content {
    margin-top: 50px;
}


#bottommodules {
    clear: right;
}

#topmodules,
#component {
    overflow: hidden;
}

#component .padding {
    padding-left: 10px;
}

#content.extraspace #component .padding{
    padding-right: 25px;
}


.spacer .block {
    float: left;
}

.spacer .w99 .block {
    width: 99%;
}

.spacer.w49 .block {
    width: 49%;
}

.spacer.w33 .block {
    width: 33%;
}

#footer-bar {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    clear: both;
    overflow: hidden;
}

#footer-bar div {
    border-top: 1px solid #e6e6e6;
    background: #efefef;
    height: 20px;
}

div#bottom {
    padding-bottom: 30px;
    overflow: auto;
}


#pathway {
    height: 30px;
    padding: 0 32px;
    overflow: hidden;
}

#footermods {
    width: 50%;
        margin-left: auto;
        margin-right: auto;
    
}

#copyright {
         text-align: center;
         font-size: 90%;
         text-decoration: none;
}

/* @end */

/* @group Modules */

.module,
.module-hilite1,
.module-hilite2,
.module-hilite3,
.module-hilite4,
.module-hilite5,
.module-hilite6,
.module-hilite7,
.module-hilite8,
.module-quote,
.module-search {
    margin-top: 0px;    
    margin-bottom: 25px;
}

.module-hilite1,
.module-hilite2,
.module-hilite3,
.module-hilite4,
.module-hilite5,
.module-hilite6,
.module-hilite7,
.module-hilite8,
.module-quote {
    background: url(../images/module-left.png) 0 100% no-repeat;
    height: 1%;
}

.module-hilite1 div,
.module-hilite2 div,
.module-hilite3 div,
.module-hilite4 div {
    background: none;
    margin: 0;
    padding: 0;
}

.module-hilite5 div,
.module-hilite6 div,
.module-hilite7 div,
.module-hilite8 div {
    background: url(../images/module-right.png) 100% 100% no-repeat;
    height: 1%;
    margin: 0;
    padding: 0;
}

.module h3,
.module-hilite1 h3,
.module-hilite2 h3,
.module-hilite3 h3,
.module-hilite4 h3,
.module-hilite5 h3,
.module-hilite6 h3,
.module-hilite7 h3,
.module-hilite8 h3,
.module-quote h3 {
    font-size: 145%;
    font-weight: normal;
    margin: 5px 0 10px 0;
}

.module div div div {
    padding: 0 5px;
}

.module-hilite1 div div,
.module-hilite2 div div,
.module-hilite3 div div,
.module-hilite4 div div {
    background: none;
    padding: 0 5px 18px 13px;
}

.module-hilite5 div div,
.module-hilite6 div div,
.module-hilite7 div div,
.module-hilite8 div div {
    background: none;
    padding: 0 8px 18px 13px;    
}

.module-hilite1 div div div,
.module-hilite2 div div div,
.module-hilite3 div div div,
.module-hilite4 div div div,
.module-hilite5 div div div,
.module-hilite6 div div div,
.module-hilite7 div div div,
.module-hilite8 div div div {
    padding: 0 0 0 8px;
}

.module-quote div div div {
    padding: 13px 13px 35px 13px;
}

.module div div div div,
.module-hilite1 div div div div,
.module-hilite2 div div div div,
.module-hilite3 div div div div,
.module-hilite4 div div div div,
.module-hilite5 div div div div,
.module-hilite6 div div div div,
.module-hilite7 div div div div,
.module-hilite8 div div div div,
.module-quote div div div div,
.module-search div div div div {
    background: none;
    padding: 0;
    border: 0;
}

.spacer div.module,
.spacer div.module-hilite1,
.spacer div.module-hilite2,
.spacer div.module-hilite3,
.spacer div.module-hilite4,
.spacer div.module-hilite5,
.spacer div.module-hilite6,
.spacer div.module-hilite7,
.spacer div.module-hilite8,
.spacer div.module-quote  {
    margin-left: 10px;
}

.module-hilite1 h3,
.module-hilite5 h3 {
    color: #666;
}

.module-hilite1 div div div,
.module-hilite5 div div div {
    border-left: 8px solid #ddd;
}

.module-quote {
    background: url(../images/quote-tl.png) 0 0 no-repeat;
}

.module-quote div {
    background: url(../images/quote-tr.png) 100% 0 no-repeat;
}

.module-quote div div {
    background: url(../images/quote-bl.png) 0 100% no-repeat;
}

.module-quote div div div {
    background: url(../images/quote-br.png) 100% 100% no-repeat;
}

.module-search {
    background: url(../images/search-bg.png) 0 0 no-repeat;
    width: 184px;
    height: 45px;
}

.module-search input {
    background: transparent;
    border: 0;
    margin-left: 66px;
    margin-top: 14px;
    padding: 2px 0 0 5px;
    overflow: hidden;
    width: 105px;
}

#footer-1 .module h3 {
    padding-left: 0;
    background: none;
}

#footer-1 .module div div div {
    padding: 0px 18px;
}


/* section table overrides */
.sections .left .module-hilite1 div div,
.sections .left .module-hilite2 div div,
.sections .left .module-hilite3 div div,
.sections .left .module-hilite4 div div,
.sections .right .module-hilite1 div div,
.sections .right .module-hilite2 div div,
.sections .right .module-hilite3 div div,
.sections .right .module-hilite4 div div {
    background: none;
}

/* @end */

/* @group Horizontal Menu */

#horiz-menu {
    height: 36px;
}

#horiz-menu ul.menu {
    padding-left: 35px;
}

#horiz-menu ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}

#horiz-menu li {
    background: url(../images/horiz-menu-divider.png) 100% 0 no-repeat;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

#horiz-menu a {
    white-space: nowrap;
    font-family: Arial Narrow, Helvetica, sans-serif;
    display: block;
    float: left;
    height: 36px;
    line-height: 33px;
    padding: 0 22px 0 18px;
    font-weight: normal;
    font-size: 130%;
}

#horiz-menu.moomenu li.active li a,
#horiz-menu.moomenu li.active:hover a.topdaddy,
#horiz-menu.moomenu li.active.sfHover a.topdaddy,
#horiz-menu.suckerfish  li.active li a,
#horiz-menu.suckerfish li.active:hover a.topdaddy,
#horiz-menu.suckerfish li.active.sfHover a.topdaddy  {
    background: none;
}

#horiz-menu li li a {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-weight: normal;
}

#horiz-menu a:hover {
    text-decoration: none;
}

/* @end */

/* @group Sub Menu */

ul.menuside {
    margin: 0;
    padding: 0;
}

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

ul.menuside li.active a {
    background-position: 0 -74px;
}

ul.menuside li.active li a {
    font-weight: normal;
    font-size:  100%;
}

ul.menuside span {
    display: block;
}

ul.menuside a {
    display: block;
    line-height: 37px;
    text-indent: 37px;
    height: 37px;
    font-family: Arial Narrow, Helvetica, sans-serif;
    font-size: 130%;
}

ul.menuside a:hover {
    background-position: 0 -37px;
}

ul.menuside ul {
    margin-left: 35px;
    padding: 0;
}

ul.menuside ul ul {
    padding: 0;
    margin: 0;
}

ul.menuside li li {
    padding: 0;
    margin: 0;
}

ul.menuside ul a {
    background-image: none;
    text-indent: 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 25px;
    height: 25px;
}

ul.menuside ul ul a {
    text-indent: 15px;
}

ul.menuside ul ul ul a  {
    text-indent: 30px;
}

/* @end */

/* Modification Mirko pour compatibiliter Menu droite moomenu image sur base de css equinox joomla 1.0 */

a.mainlevel {
    display: block;
    line-height: 37px;
    text-indent: 37px;
    height: 37px;
    font-family: Arial Narrow, Helvetica, sans-serif;
    font-size: 130%;
}

a#active_menu.mainlevel {
    background-position: 0 -74px;
}

a.mainlevel:hover {
    background-position: 0 -37px;
}

a.sublevel {
    line-height: 20px;
    padding-left:  5px;
    border-bottom: 1px solid #ccc;
    text-indent: 30px;
    display: block;
    float: left;
    width: 80%;
}

/* @end Modification Mirko pour compatibiliter Menu droite moomenu image sur base de css equinox joomla 1.0 */

/* @group footer menus */

#bottom ul {
    display: block;
    float: left;
    padding: 0 10px 0 0;
    margin: 0;
}

#bottom li {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    padding-left: 40px;
}

#bottom a {
    font-size: 115%;
    background: none;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    height: 100%;
    line-height: 100%;
    text-indent: 0;
    font-family: Helvetica, Arial, sans-serif;
}


/* @end */

/* @group Content Styles */

/* @group Top Module */


/* @end */




/* @group Readon */

/* @group Inset Position */

div.header {
    overflow: auto;    
}

div.sample-header {
    margin-top: 20px;
    margin-bottom: 10px;
    height: 70px;
    width: 512px;
    float: right;
}

div.sample-header p {
    display: none;
}

/* @end */

.readon {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    
}

#inset .readon {
    height:  25px;
    line-height: 25px;
    width: 106px;
    float: right;
    cursor:  pointer;
    text-indent: 24px;
}

a.readon:hover {
    text-decoration: underline;
}

/* @end */

/* @group Pathway */
span.pathway {
    display: block;
    line-height: 1.2em;
    font-weight: normal;
    margin-bottom: 15px;
    padding-left: 10px;
}

span.pathway img {
    float: left;
    width: 10px;
    height: 10px;
    padding-right: 10px;
}

span.pathway a {
    float: left;
    padding: 0 20px 0 0;
}

/* @end */

/* @group Typography */

ul.number,
ul.arrow-1,
ul.arrow-2,
ul.arrow-3,
ul.arrow-4,
ul.triangle-1,
ul.triangle-2,
ul.bullet-1,
ul.bullet-2,
ul.plus-1,
ul.plus-2 {
    padding-left: 0;
    margin-left: 0;
}

ul.number li {
    list-style: none;
    margin-left: 0;
    margin-bottom: 10px;
    padding-left: 28px;
}

ul.arrow-1 li,
ul.arrow-2 li,
ul.arrow-3 li,
ul.arrow-4 li,
ul.triangle-1 li,
ul.triangle-2 li,
ul.bullet-1 li, 
ul.bullet-2 li, 
ul.plus-1 li,
ul.plus-2 li {
    list-style: none;
    margin-left: 0;
    margin-bottom: 10px;
    padding-left: 22px;
}

pre {
    padding: 10px;
    background: #f5f5f5;
}

blockquote {
    color: #555;
    font-style: italic;
    font-size: 100%;
    line-height: 150%;
    width: auto;
    padding: 10px 10px 5px 45px;
    margin: 15px 0;
    background: #fff url(../images/quote-start.png) 0 0 no-repeat;
}

blockquote p {
    background: #fff url(../images/quote-end.png) 100% 100% no-repeat;
    padding: 0 35px 10px 0;
    margin-top: 0;
}

span.alert {
    color: #c00;
    border-top: 3px solid #fe7b7a;
    border-bottom: 3px solid #fe7b7a;
    background: #FFD6D6 url(../images/status-alert.png) 10px 50% no-repeat;
}

span.info {
    color: #0055BB;
    border-top: 3px solid #629de3;
    border-bottom: 3px solid #629de3;
    background: #D8E5F8 url(../images/status-info.png) 10px 50% no-repeat;
}

span.note {
    color: #B79000;
    border-top: 3px solid #fde179;
    border-bottom: 3px solid #fde179;
    background: #FEF6D8 url(../images/status-note.png) 10px 50% no-repeat;
}

span.download {
    color: #57861A;
    border-top: 3px solid #c2df88;
    border-bottom: 3px solid #c2df88;
    background: #EEF7DD url(../images/status-download.png) 10px 50% no-repeat;
}

/* @end */

/* @group Notice Styles */

span.alert,
span.info,
span.download,
span.note {
    display: block;
    padding: 10px 10px 10px 45px;
    margin: 15px 0;    
}


/* @end */

/* @group Login */

#mod-top h3 {
    padding: 0 0 0 8px;
    font-size: 120%;
    margin: 0;
    line-height: 100%;
    color: #666;
}

#mod-top .spacer {
    overflow: auto;
    margin-top: 10px;
    margin-bottom: 8px;
    position: relative;
}

#mod-top form {
    padding: 0;
    margin: 0;
}

#mod-top .spacer.extra {
    padding-left: 25px;
}

#mod-top div.loginelement {
    float: left;
    padding-left: 10px;
}

#mod-top div.loginelement label {
    margin: 0;
    padding-right: 5px;
    color: #666;
}

#mod-top div.loginelement .inputbox {
    margin: 0;
    width: 100px;
    border: 1px inset #ccc;
} 

#mod-top a {
    background: url(../images/topmod-bullet.png) 0 50% no-repeat;
    padding-left: 15px;
    font-size: 100%;
    padding-right: 10px;
    display: block;
    float: left;
}

#mod-top a:hover {
    text-decoration: none;
}

/* @end */

/* @group RokSlide */

ul#rokslide-toolbar {

}

#rokslide-toolbar li.active { 
    background: #D7D7D7;
}

#rokslide-toolbar li.current { 
    background: #f2f2f2;
    color: #333;
}

#rokslide-toolbar li {
    background: #ddd;
    color: #777;
}

div#frame {
    border: 5px solid #f2f2f2;
}

div#frame div.button#left { 
    background: url(../images/tabs-prev.png) 0 -20px no-repeat;
}

div#frame div.button#right { 
    background: url(../images/tabs-next.png) 0 -20px no-repeat;
}
/* @end */
a img { 
    border: 0;
}

a.nounder {
    text-decoration: none;
    border: 0;
    cursor: pointer;
}

a.nounder:hover {
    text-decoration: none;
}

.clr {
    clear:both;
}

fieldset.input {
    border: 0;
}

.tool-tip {
    background: #f6f6f6;
    border: 1px solid #e6e6e6;
    padding: 4px;
}

/* @end */
dotcom22 is offline
Reply With Quote
View Public Profile
 
Old 11-26-2009, 09:32 AM Re: can not display link like I want
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
A link to the page needed
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 11-26-2009, 10:07 AM Re: can not display link like I want
Junior Talker

Posts: 3
Trades: 0
that the problem...my site (under joomla) run offline in local...

For what I understand here the link don't want be correctly aligned with the normal text...If I put the link between the text he go to next line aligned to left..when my text is centered...

Tell me if I can provide you other info...

thank
dotcom22 is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to can not display link like I want
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.22664 seconds with 13 queries