Antworten zum Thema „a tag via css ansprechen“

xzillen · 16.04.2016

hallo zusammen

ich habe da mal ne kleine Frage

ich möchte gerne die a tag im meine usermenü via css asprechen
nur das klappt nicht so ganz
für die navi habe ich das in bekommen
nur wenn ich den css befehl benutze und für das usermenü abändere kommt nichts
.

wie kan ich die a tags des usermenüs ansprechen .

id = login
Modulklassensuffix= _umenu

joomla version 3.5.1

Gelöschtes Mitglied 633957 · 16.04.2016

Bin mir nicht sicher, ob ich Dich richtig verstehe...
Meinst Du so etwas?

xzillen · 16.04.2016

genau tynick

das meine ich

Gelöschtes Mitglied 633957 · 16.04.2016

xzillen schrieb:
das meine ich

Sollte noch etwas unklar sein, gerne noch einmal Posten - am Besten mit einem Codeschnipsel bei dem es hakt!

xzillen · 16.04.2016

ich poste hier mal den code mit den es nicht klappt
#login .moduletable_umenu a{
color: #CD4BC9;
}

div id = login
Modulklassensuffix = .moduletable_umenu

Gelöschtes Mitglied 633957 · 16.04.2016

Lasse das "a" aus der CSS Anweisung weg:

HTML:

<style type="text/css">
#login .moduletable_umenu {
color: #CD4BC9;
}
</style>
<div id="login">
<a class="moduletable_umenu">Stelle im Text</a>
</div>

xzillen · 16.04.2016

Vielen dank tynick habe ich das mal versucht und das a mal weg gelassen aber das geht auch nicht .
die farbe der link bleibt immer noch gleich .

Gelöschtes Mitglied 633957 · 16.04.2016

Wenn es sich um einen Link handelt, nutze wenigstens "a:link" und "a:visited". Einige Browser überschreiben gerne das simple "a".
Leider kenne ich nicht Deinen ganzen Code und weiß auch nicht ob es irgendwelche Abhängigkeiten gibt - auch da ich kein Joomla nutze!
Schaue Dir das hier noch einmal an... Wenn's nicht hilft muss einer der Profis hier im Forum ran!

xzillen · 16.04.2016

so ich habe es ihn bekommen ich musste direkt die div id ansprechen mit den zusatz a:link

was mich aber nur wundert das sich nur bei einen link unter der id die farbe sich geändert hat
ich habe aber zwei link darin
wobei der zweite ein externer link ist .

ich poste hier mal den css code

Code:

@charset "utf-8";
*{
    margin: 0px;
    padding: 0px; 
}
* li{
list-style-type: none;
}
html, body{
    background-color:#F3EAEA;
    height: 100%;
    width:100%;
}
#wrapper {
    width: 99.7%;
    height:1717px;
    margin: 0px auto;
    border: 1px solid #000000;
    background-color:#F3EAEA;
    }
#header{
    background-image:url(../images/Banner_DAT_2011_21123cbf3b.jpg);
    width:99.9%;
    height: 122px;
    background-repeat:no-repeat;
    float: left;
    border: 1px solid #000000;
    background-position:center;
    background-color:#FFFFFF;
    }
#LB{
    width:99.9%;
    height:34px;
    float: left;
    border: 1px solid #000000;
    }
#content{ 
    height:1505px;
    width:90.8%; 
    border: 1px solid #000000;
    margin-left:9.1%;
    margin-top:8.4%; 
        }
        #system-message-container .message li
    {
        list-style-type: none;
        }
 
#nav{
    height:631px;
    width:9%;
    border: 1px solid #000000;
    margin-left:-0.0%;
    margin-top: -79.4%;
    text-align:center;
    list-style-type: none;
    }
    #nav li
    {
        list-style-type: none;
        }
 
#footer{
    width:99.9%;
    height:2.9%;
    clear:both;
    border: 1px solid #000000;
    margin-top:0.0%;
    margin-left: -0.0%;
    text-align:center;
        }
#position-9{
    height:366px;
    width:9%;     
    border: 1px solid #000000;
    margin-left:-0.0%;
    margin-top:0.0%;
    background-color:#F3EAEA
    }                     
    #position-10{
    height:301px;
    width:9%;     
    border: 1px solid #000000;
    margin-left:-0.0%;
    margin-top:-0%;
    background-color:#F3EAEA
    }
    #login{
    height:200px;
    width:9%; 
    margin-left:0px;
    margin-top:0%; 
    border: 1px solid #000000;
    }
 
    .nav nav-tabs nav-stacked li{
        list-style-type:none;
    }
    /* ######################### schriftgrößen  ###########################*/
h1, h2, h3, h4, h5, h6 {
    color: #000000;
    font-family: Myriad-Roman,sans-serif;
    font-weight: bold;
    margin: 0 0 0.25em;
}
h1 {
    font-size: 167%;
}
h2 {
    font-size: 150%;
}
h3 {
    font-size: 133%;
}
h4 {
    font-size: 117%;
}
h5 {
    font-size: 100%;
}
h6 {
    font-size: 100%;
}
#nav .moduletable_menu h3{
    font-size:25px;
}
#nav .moduletable_menu h3{
    font-size:25px;
}
#nav .moduletable_menu a{
    color:red;
}

#login a:link  {
    color: red;
}
#login .moduletable_amenu a:link  {
    color: red;
}
    /* ##########################  user profile  ########################### */

#users-profile-core,
#users-profile-custom,
#users-profile-custom-profile
{
    margin:10px 0 10px 0;
    padding:15px;
    width:50%;
}

#users-profile-core dt,
#users-profile-custom dt
{
    float:left;
    width:12em;
    padding:3px 0;


}

#users-profile-core dd,
#users-profile-custom dd
{
    padding:3px 0;
}

#member-profile fieldset,
.registration fieldset
{
    margin:10px 0 15px 0;
    padding:15px;

}

#users-profile-core legend,
#users-profile-custom legend,
.profile-edit legend,
.registration legend
{
    font-weight:bold
}

.profile-edit form#member-profile fieldset dd,
.registration form#member-registration fieldset dd
{ float:none; padding:5px 0}

.profile-edit form#member-profile fieldset dd input,
.profile-edit form#member-profile fieldset dd select,
.registration form#member-registration fieldset dd input
{width:17em}
.profile-edit form#member-profile fieldset dt,
.registration form#member-registration fieldset dt
{padding:5px 5px 5px 0; width:13em}


span.optional
{font-size:0.9em}

/* ##########################  tooltip  ########################### */
.tooltip {
    position: absolute;
    z-index: 103000;
    display: block;
    visibility: visible;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}
.tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}
.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}
.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}
.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.element-invisible {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
#filter-search {
    vertical-align: top;
}
.input-mini {
    width: 60px;
}

/* ##########################  clearing  ########################### */
.clr {
    clear: both;
    overflow: hidden;
    height: 0;
}
/* System Notice Messages */
#system-message dt.notice
{
    position:absolute;
    top:-2000px;
    left:-3000px;
}

#system-message dd.notice  ul
{
    background:#fff url(../images/system/notice-note.png) no-repeat ;
    padding-left:40px;
    padding: 10px 10px 10px 40px;
    border: 2px solid #FAA528;
    border-radius:10px

}
#system-message dd.notice ul { color: #000;margin:10px 0 }

#system-message
{
    margin-bottom: 0px;
    padding: 0;
}

#system-message dt
{
    font-weight: bold;
}

#system-message dd
{
    font-weight: bold;
    padding: 0;
}


.tip-wrap { background:#FEFDE2; font-size:0.8em ; padding:5px; border:solid 1px #ddd; border-radius:3px; box-shadow: 0 1px 5px #ccc }
.tip-title {font-weight:bold}

#all #upload-flash ul li a:hover,
#all .item a:hover span {
    background:#095197;
    color:#fff;
}

/* System Error Messages */
#system-message dt.error
{
    position:absolute;
    top:-2000px;
    left:-3000px;
}

#system-message dd.error ul
{
    background:#fff url(../images/system/notice-alert.png) no-repeat ;
    padding-left:40px;
     padding: 10px 10px 10px 40px;
    border: 2px solid #990000;
    border-radius:10px

}

/* -- Joomla edit buttons  Frontendediting*/
#editor-xtd-buttons {
    padding: 0px;
}
.edit tr:hover  td {background:#eee}
.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
    float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
    display: block;
    float: left;
    color: #666;
    cursor: pointer;
}

.button2-left span,
.button2-right span {
    cursor: default;
    color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
    padding: 0 6px;
}

.page span {
    color: #000;
    font-weight: bold;
}


.button2-left,
.button2-right {

    float: left;
    margin-left: 5px;
}


.edit .formelm-buttons {text-align:right}
.edit .formelm-buttons button {background:#D9EDF7; color:#095197;}
.edit .formelm-buttons button:hover {color:#D9EDF7; background:#095197;}
.modal-button:link,
.modal-button:visited,
.button2-left .readmore a:link,
.button2-left .readmore a:visited,
.button2-left .blank a:link,
.button2-left .blank a:visited
{ background-color: #D9EDF7;

    color:#095197;border:solid 1px #BCE8F1; border-top:0; border-radius:0 0 3px 3px;  text-decoration:none; padding:3px}
.button2-left a:hover,
.button2-left .blank a:hover,
.button2-left .readmore a:hover,
.button2-right a:hover {
    text-decoration: none;
    color: #fff;
    background:#095197;
}
.pull-right { 
    margin-top:1%;
    margin-left:60%;

}
.pull-left {
    float: left;
}
.btn-toolbar .btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #D9EDF7;
    border-image: none;
    border-radius: 0 0 3px 3px;
    color: #095197;
    padding: 3px;
    text-decoration: none;
    list-style-type: none;
}

div.toggle-editor {

}
/* Bootstrap overrides anhiliation
* @since 3.2
*/
body#shadow {
    line-height: 1.5em;
}
body .nav-pills > .active > a, body .nav-pills > .active > a:hover, body .nav-pills > .active > a:focus {
    background-color: transparent;
}
body .nav-pills > li > a {
    border-radius: 0px;
    line-height: 1.5em;
}
body a {
    text-decoration: underline;
 
}
body input[type="text"].search-query {
    line-height: 1.5em;
    height: auto;
    border-radius: 4px;

}
/* Text alignments */
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}

/* +++++++++++++++++++  Contact Form +++++++++++++++++++++++++++++++++ */


.panel .contact-form,.panel .contact-miscinfo {
    padding: 10px
}

.contact .panel .contact-form form,.contact .panel .contact-address {
    margin: 20px 0 0 0
}

textarea,.contact-form input[type="text"],.contact-form input[type="email"],.contact-form textarea
    {
    width: 80%;
    border: solid 1px;
    -moz-box-sizing: border-box;
    border: 1px solid #DDDDDD;
    color: #333333;
    overflow: auto;
    padding: 5px;
    vertical-align: top;
}

#jform_contact_email_copy-lbl,#jform_contact_email_copy {
    float: left;
    margin-right: 10px;
    border: 0
}

label#jform_captcha-lbl {
    clear: both;
      position: relative;
      float: left;
}

.contact-form .button {
    clear: left;
    float: left;
    margin: 20px 0
}

fieldset.filters {
    background: none;
    border: none;
    padding: 0
}

.contact-form,.contact-links,.contact-misc,.contact-image,.contact-contactinfo,.contact-address
    {
    margin: 20px 0
}
#form-login-remember {
    overflow: hidden;
    margin-bottom: 10px
}

#form-login-remember label {
    display: inline;
    margin-left: 10px
}

#modlgn-remember {
    float: left
}

#login-form fieldset {
    background: #f5f5f5
}

#login-form input[type="text"], input[type="password"], input[type="submit"] {
    width: 100%;
    box-sizing: border-box
}

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

/* Correction for user profile date of birth calendar image */
#jform_profile_dob_img {
    background: url("../images/system/calendar.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 18px;
    margin: 0 3px;
    vertical-align: middle;
    width: 18px;

}
/* Smartsearch Calendar*/
#filter_date1_img,
#filter_date2_img {
    background: rgba(0, 0, 0, 0) url("../images/system/calendar.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 18px;
    margin-left: 3px;
    vertical-align: middle;
    width: 18px;
}
#search-results {
    clear: both;
}
#finder-filter-window {
    overflow: visible;
}
#searchForm .searchintro {
    padding: 0 0 0 250px;
}
.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
}
.collapse.in {
    height: auto;
}
#finder-search .in.collapse {
    overflow: visible;
}
/* ++++++++++++++  content-module ++++++++++++++ */
.category-module {
    margin: 0;
    padding: 0
}

.category-module li {
    padding: 5px 0 5px 0;
    margin: 0;
    list-style-type: none
}

.category-module li h4 {
    margin-bottom: 0
}

.category-module span {
    display: block;
    font-size: 0.85em;
}

.category-module a span {
    display: inline
}

/* content */
.categories-list  .item-title  a {
    text-decoration: none;
    margin-bottom: 20px
}

.category-desc {
    margin: 20px 0
}

.category-desc img {
    float: left;
    margin: 0 20px 10px 0
}

.categories-list dt,.categories-list dd {
    display: inline
}

ul.latestnews li {
    word-wrap: break-word;
}

/* -- Joomla edit buttons  Frontendediting*/
#editor-xtd-buttons {
    padding: 0px;
}
.edit tr:hover  td {background:#eee}
.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
    float: left;
}
/* +++++++++++++++  menus ++++++++++++++++++++++++ */
.moduletable_menu {
    border: solid 1px #ddd;
    background: #F3EAEA;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 20px
}

und den html code

Code:

<body class="page_bg <?php if ($pageclass): echo $pageclass; endif;?>">
<div id="wrapper">
<header id="header">
</header>
<div id="LB">
<jdoc:include type="modules" name="laufband" />
</div>
<main id="content">
<jdoc:include type="message" />
<jdoc:include type="component" />

</main>
<nav id="nav">
<jdoc:include type="modules" name="menü" style="xhtml"/>
</nav>
<div id="login">
<jdoc:include type="modules" name="login" />
</div>
<div id="position-10">
<jdoc:include type="modules" name="position-10" />
</div>
<div id="position-9">
  <jdoc:include type="modules" name="position-9" />
</div>
<footer id="footer">
<jdoc:include type="modules" name="footer" />
</footer>
</div>
</body>
</html>

xzillen · 17.04.2016

ich habe es jetzt in bekommen .