kleines problem ..

S

squza1

Guten Tag liebe tutorials.de user
Obwohl ich so ziemlich alles ausprobiert habe schaffe ich es nicht dieses kleine Problem zu lösen :(
Es geht um folgende Homepage: fsv-kids********
Nun um das Problem zu beschrieben klickt bitte auf das Bild
show_img.php


Nun meine Frage , wenn ich mit dem Mauszeiger auf "Startseite" zeige , verändert sich die Farbe in weiß und man sieht das Feld nicht mehr. Ich hab so zeimlich alles probiert in der CSS datei aber ich weiß nicht welchen befehl ich umändern muss :(

Ich hoffe jmd. kann mir helfen :)

Schönen Tag wünscht euch squza :)
 
  1. Dein "Pseudo-Link" funktioniert nicht.
  2. Auf dem extrem verkleinerten Bild ist nix zu erkennen.
  3. Dein CSS-Code fehlt hier, um sich dazu überhaupt zu äußern.
  4. Also nochmal von vorne ...
 
Tut mir Leid hab mich versucht wieder anzumelden aber es geht irgendwie nicht deswegen musste ich einen neuen Account machen ..
der link ist:
Das Problem mit Bild: http://www.bilder-upload.eu/show.php?file=NHGB0dPCVGDgz06.jpg

und der CSS-Code:
body {
font-family: Verdana, Arial, Tahoma, sans-serif;
line-height: 1.5em;
margin: 0;
padding: 0;
font-size: 11px;
color: #;
background: transparent url(../images/page_bg.png) repeat top center;
}

body.contentpane {
background: #fff;
}

form {
margin: 0;
padding: 0;
}

img,table {
border: none;
}

p {
margin: 5px 0;
text-align: justify;
}

a {
color: #205999;
outline: none;
text-decoration: none;
font-weight: 400;
}

a:link {
font-weight: 400;
}

a:visited {
font-weight: 400;
color: #3e3d3d;
}

a:hover {
text-decoration: underline;
font-weight: 400;
}

input {
color: #ccc;
outline: none;
margin: 0;
}

input:focus {
outline: none;
}

button {
color: #3e3d3d;
font-size: 11px;
border: none;
background: #696969;
cursor: pointer;
}


#modlgn_remember.inputbox {
background: none;
border: none;
width: auto;
vertical-align:middle;
}

input.button, .validate {
color: #2A2A2A;
font-size: 11px;
cursor: pointer;
font-weight: 700;
border: none;
height:20px;
line-height:19px;
padding: 2px 4px 4px;
margin:6px 0 0 0;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

#page_bg {
background: transparent url(../images/page_bg.png) repeat-x top left;
}

#wrapper {
position:relative;
margin:0 auto;
width:960px;
}

#header {
margin:0 auto;
width:960px;
height:276px;
background: transparent url(../images/headerimg.jpg) no-repeat top center;
}

#pillmenu {
float:left;
width:720px;
height:24px;
overflow:visible;
margin-top: 12px;
margin-right: 0;
margin-bottom: 11px;
margin-left: 0;
}

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

#pillmenu li {
float: left;
margin:0 1px 0 0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #999999;
}

#pillmenu li:first-child {
float: left;
margin:0 1px 0 0;
border:none;
}

#pillmenu li a {
float:left;
cursor:pointer;
}

#pillmenu li a span {
float:left;
color: 000;
font-size:11px;
font-weight:bold;
font-family:Tahoma, Verdana, Arial, sans-serif;
text-decoration: none;
text-transform:uppercase;
height:24px;
line-height:23px;
padding: 0 20px;
margin:0;
}

#pillmenu li a:hover,#pillmenu li#current a{
color: #757575;
text-decoration:none;
}

#pillmenu li a:hover span,#pillmenu li#current a span {
color:#757575;
text-decoration:none;
}

.logo {
float:left;
width:640px;
height:116px;
padding:20px 0 0 0;
overflow:hidden;
}

.logo table tr td {
width:640px;
height:116px;
overflow:hidden;
vertical-align:middle;
}

.logo h1 {
text-align:left;
font-family: Tahoma,Arial, Verdana, sans-serif;
color:#7a7a7a;
line-height:normal;
margin:0;
padding:0;
}

.logo a, .logo a:link, .logo a:visited {
color:#7a7a7a;
font-size:24px;
font-weight:700;
text-transform:none;
text-decoration:none;
}

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

.newsflash {
float:left;
height:100px;
width:960px;
}

.newsflash h3 {
height:17px;
width:960px;
color:#7a7a7a;
overflow:hidden;
font-size:11px;
text-transform:none;
line-height:17px;
margin:0 0 4px 0;
font-weight:700;
text-align:left;
}

.newsflash table tr td {
color:#7a7a7a;
width:960px;
height:100px;
margin:0;
text-align:justify;
}

.newsflash p {
margin:0;
}

.newsflash a {
color:#7a7a7a;
font-weight:700;
text-decoration:none;
}

.newsflash div.module {
height:100px;
width:960px;
margin:0;
text-align:justify;
}

.newsflash div.module div {
background:none;
padding:0;
height:100px;
overflow:hidden;
}

.newsflash table.contentpaneopen {
margin:0;
}

.newsflash div.module_menu div div div, .newsflash div.module div div div, .newsflash div.module_text div div div {
margin:0;
padding:0;
}

#search {
position:absolute;
width:210px;
height:36px;
top:10px;
right:0;
}

.search {
float:left;
height:36px;
width:200px;
padding:0 0 0 10px;
}

.search .inputbox {
float:left;
border: 1px solid #FFF;
color: #454545;
text-shadow:1px 1px #fff;
font-size:11px;
line-height:20px;
height:21px;
width:160px;
background:none;
padding-top: 1px;
padding-right: 6px;
padding-bottom: 1px;
padding-left: 6px;
}

.search .button {
float:left;
text-indent:-9999;
color:#8fdfe7;
border:none;
height:30px;
width:34px;
font-size:0;
line-height:0;
padding:0;
background: transparent url(../images/search_btn.png) no-repeat top left;
}

.search .button:hover {
color:white;
background: transparent url(../images/search_btn.png) no-repeat top left;
}

#content {
margin:0 auto;
width:960px;
}

.content_m {
width:980px;
background: transparent url(../images/content_m.png) repeat-y top center;
}

#leftcolumn, #rightcolumn {
float:left;
width: 210px;
margin:0 10px 0 0;
}

#rightcolumn {
float:right;
margin:0 0 0 10px;
}

div#maincolumn {
float: left;
width:520px;
}

div#maincolumn_left, div#maincolumn_right {
float: left;
width:740px;
}

div#maincolumn_full {
padding:0 20px 20px 20px;
width:940px;
}

div.nopad {
overflow: hidden;
}

div.nopad ul {
clear: both;
}

td.middle_pad {
width: 20px;
}

#footer {
width:940px;
height:30px;
color: #ffffff;
background-color: #ffffff;
background-image: url(../images/footer.jpg);
background-repeat: no-repeat;
background-position: center top;
margin-top: 15px;;
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;

}

#footer p {
height:30px;
line-height:29px;
text-align:center;
overflow:hidden;
margin:0;
}

#footer a {
color: #ffffff;
font-weight:400;
text-decoration: underline;
}


#footer a:hover {
text-decoration:underline;
}

a.footer123:link, a.footer123:visited {
color: #000;
font-family: Tahoma, Arial, sans-serif;
text-decoration: underline;
}

#f123 {
text-align: right;
width: 100%;
margin: 0 auto;
font-family: Tahoma, Arial, sans-serif;
}
.f123 {
text-align: right;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
}
.f123_bg {
background:url(../images/123_bg.png);
width:134px;
height:30px;
text-align:center;
padding: 0 3px;
}
.f123_1 {
display: block;
font-size: 10px;
font-family: Tahoma, Arial, sans-serif;
color: #666;
text-align: left;
padding: 0 0 2px 4px;
}

a.link_123:link, a.link_123:visited {
font-size: 15px;
font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
color: #797979;
text-decoration:none;
font-weight: 700;
}
a.link_123:hover {
font-size: 15px;
font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
color: #797979;
text-decoration:none;
font-weight: 700;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}

/* headers */
div.componentheading {
height: 22px;
margin:0;
color: #424242;
}

table.blog {

}

h1 {
padding: 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 1.3em;
line-height:19px;
font-weight: 700;
vertical-align: bottom;
color: #424242;
text-align: left;
width: 100%;
}

h2, .contentheading {
padding: 0;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 14px;
vertical-align: middle;
color: #185AC6;
text-align: left;
font-weight: 700;
}

h2, a.contentheading {
background: none;
border: none;
margin:6px 0;
}

table.contentpaneopen h3 {
margin-top: 25px;
color:#185AC6;
}

h4 {
font-family: Tahoma, Arial, sans-serif;
color: #185AC6;
}

h3, .componentheading, table.moduletable th, legend {
margin:6px 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
font-weight:700;
text-align: left;
text-transform:uppercase;
color: #185AC6;
padding: 0;
}
/* small text */
.small {
font-size: 10px;
color: #888;
font-weight: 700;
text-align: left;
}

.modifydate {
height: 20px;
vertical-align: bottom;
font-size: 10px;
color: #666666;
text-align: right;
}

.createdate {
vertical-align: top;
font-size: 11px;
color: #555;
padding-bottom: 8px;
}

a.readon {
float: right;
font-size: 11px;
color: #505050;
text-decoration: none;
background-color: #090;
border: 1px solid #666;
font-weight:400;
line-height:15px;
padding:1px 6px 2px;
margin:0;
background:transparent url(../images/but.gif) repeat-x top left;
}

a.readon:hover {
color: #666666;
}
a.readon:visited {
color: #666666;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
background-color: #c3c1c1;
color: #333;
}

.ol-background {
background-color: #c3c1c1;
color: #333;
}

.ol-textfont {
font-family: Tahoma, Arial, sans-serif;
font-size: 10px;
}

.ol-captionfont {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
color: #c3c1c1;
font-weight: 700;
}
.ol-captionfont a {
background-color: #c3c1c1;
color: #333;
text-decoration: none;
font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
padding-left: 5px;
}

a.mainlevel:hover {

}

/* spacers */
span.article_separator {
display: block;
height: 20px;
}

.article_column {

}

.column_separator {

}

td.buttonheading {
text-align: right;
width: 0;
}

.clr {
clear: both;
font-size:0;
}

table.blog span.article_separator {
display: block;
height: 20px;
}



/* table of contents */
table.contenttoc {
margin: 5px;
padding: 5px;
background: none;
}

table.contenttoc td {
padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
color: #999;
font-weight: 700;
padding: 4px;
}

tr.sectiontableentry1 td {
padding: 4px;
}

tr.sectiontableentry1 {
background:#ced7e2;
}

tr.sectiontableentry0 td,
tr.sectiontableentry2 td {
padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 3px;
font-size: 11px;
}


/* content styles */
.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
}

table.contentpane td{
text-align: left;
}

table.contentpane td.contentdescription {
width: 100%;
}

table.contentpane {
text-align: left;
float: left;
width: 100%;
}

table.contentpane ul li a .category {
color: #FF8800;
}

table.contentpane ul li {
color: #666;
}

table.contentpaneopen {
border-collapse: collapse;
padding: 0;
margin:0 6px;
}

table.contentpaneopen li {
margin-bottom: 5px;
}

table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #669933;
}

table.contentpaneopen h3 {
margin-top: 25px;
}

table.contentpaneopen h4 {
font-family: Tahoma, Arial, sans-serif;
color: #363e4e;
}

.highlight {
background-color: #3e3d3d;
}

/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;
}

div.moduletable, div.module {
margin-bottom: 25px;
}

div.module_menu, div.module, div.module_text{
margin:0 0 20px 0;
padding: 0;
}

div.module_menu div, div.module div, div.module_text div {
margin:0;
background: transparent url(../images/box_bg.png);
}

div.module_menu div div,div.module div div,div.module_text div div {
text-align: center;
background: transparent url(../images/box_b.png) no-repeat bottom center;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 3px;
padding-left: 0;
}

div.module_menu div div,div.module div div,div.module_text div div {

}

div.module_menu div div div,div.module div div div,div.module_text div div div {
margin:0;
background: transparent url(../images/box_t.png) no-repeat top center;
}

div.module div div div div {
width: 160px;
color:#3e3d3d;
}

#leftcolumn div.module_menu div div div div,#leftcolumn div.module div div div div,#leftcolumn div.module_text div div div div,
#rightcolumn div.module_menu div div div div,#rightcolumn div.module div div div div,#rightcolumn div.module_text div div div div {
background: none;
margin:0 auto;
padding:0;
color:#3e3d3d;
}

#leftcolumn div.module_text div div div div, #rightcolumn div.module_text div div div div {
text-align: left;
}

#leftcolumn div.module_text div div div div.bannergroup_text,#rightcolumn div.module_text div div div div.bannergroup_text {
padding: 10px 10px 10px 20px;
width: 174px;
}

#leftcolumn div.module_text div div div div.bannergroup_text div,#rightcolumn div.module_text div div div div.bannergroup_text div {
color:#3e3d3d;
width: auto;
padding: 0 0 4px;
}

div.module div div div form {
margin:0 auto;
padding:0 0 6px 20px;
text-align:left;
width:180px;
}

div.module_menu ul {
list-style: none;
padding: 0;
}

div.module_menu ul#mainlevel {
margin: 0 auto;
text-align: center;
}

div.module_menu ul li{
margin: 0;
padding: 0 0 2px;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
font-weight: 700;
padding: 2px 0;
line-height: 24px;
color:#888;
background: transparent url(../images/blue/bullet2.jpg) top left no-repeat;
}

#leftcolumn div.module table ,#rightcolumn div.module table {
padding: 0 0 6px 0;
background:none;
}

#leftcolumn div.module table td ,#rightcolumn div.module table td {
margin:0;
padding: 0 6px 0 0;
height:20px;
color:#3e3d3d;
text-align:left;
line-height:13px;
vertical-align: middle;
}

#leftcolumn div.module table.poll {

}

#leftcolumn div.module table.poll td {
text-align: left;
}

/* LEFT COL H3 */
#leftcolumn h3, #rightcolumn h3 {
width:190px;
margin:0 0 4px;
height:36px;
line-height:36px;
padding:0 11px;
font-size: 11px;
font-family: Tahoma, Arial, Verdana, sans-serif;
color: #454545;
text-align: left;
text-transform:uppercase;
text-shadow:1px 1px #eee;
font-weight: bold;
overflow:hidden;
background: transparent url(../images/box_h3.png) no-repeat top left;
}

.moduletable_menu, .moduletable, .moduletable_text {
margin: 0 0 16px 0;
padding: 0 0 8px 0;
}

#leftcolumn ul.menu, #rightcolumn ul.menu {
list-style: none;
text-align: left;
margin:0;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
}

/*LEFT COL LINK*/

#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
display:block;
font-weight: 400;
font-size: 11px;
line-height: 21px;
padding:0 0 0 16px;
margin:0;
text-decoration: none;
color: #474747;
background: transparent url(../images/menu_arrow.gif) no-repeat left top;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #090;
}


#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
color: #000000;
}

/*LEFT COL CURRENT LINK*/

#leftcolumn ul.menu li#current, #rightcolumn ul.menu li#current {
}

#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
color: #000000;
padding:0 0 0 16px;
}

#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
display:block;
color: #3e3d3d;
}

/*LEFT COL SUB LINK*/
#leftcolumn ul.menu li#current ul li {
background:none;
}

#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link,
#rightcolumn ul.menu li#current ul li a, #rightcolumn ul.menu li#current ul li a:link {
font-weight: 400;
text-decoration: none;
color: #3e3d3d;
line-height:21px;
padding:0 0 0 16px;
background: none;
}

#leftcolumn ul.menu li#current ul li a:hover, #rightcolumn ul.menu li#current ul li a:hover {
color: #3e3d3d;
background: none;
}

#leftcolumn ul.menu li ul li#current, #rightcolumn ul.menu li ul li#current {
}

#leftcolumn ul.menu li.parent ul li, #rightcolumn ul.menu li.parent ul li {
}

#leftcolumn ul.menu li.parent ul li a,
#rightcolumn ul.menu li.parent ul li a {
line-height:21px;
font-size: 11px;
font-weight: 400;
text-decoration: none;
color: #474747;
padding:0 0 0 16px;
background: none;
}

#leftcolumn ul.menu li.parent ul li a:hover {
color: #3e3d3d;
background: none;
}

/*SUBMENU POSITION*/
#leftcolumn ul.menu li#current ul {
margin: 0;
padding: 0;
}

#leftcolumn ul.menu li#current ul li {
margin: 0;
padding: 0;
}

/*CURRENT SUBMENU POSITION*/
#leftcolumn ul.menu li ul {
margin: 0;
padding: 0;
}


#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
list-style: none;
margin:0;
}


/* forms */
#leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
margin: 6px 0;
padding: 0;
list-style: none;
}

#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
margin: 0;
padding: 0 2px;
}

table.adminform textarea {
width: 540px;
height: 400px;
font-size: 1em;
color:#424242;
}

form#form-login fieldset {
border: 0 none;
padding: 0;
margin:0;
color:#;
text-align: left;
}

form#form-login ul {
padding: 0;
list-style: none;
text-align: left;
margin: 10px auto 0;
}

form#form-login ul li {
padding: 0;
}

form#form-login ul li a {
text-align: left;
padding: 0;
font-size: 11px;
color: #;
text-decoration: none;
}

form#form-login ul li a:hover {
text-decoration: underline;
}

#form-login input {
color:#;
font-size:11px;
height:14px;
line-height:14px;
padding:2px 4px;
background:#fff;
border: 1px solid #999;
}

input#modlgn_passwd, input#modlgn_username {
width:142px;
}

input.button, #form-login input.button {
font-size: 11px;
color: #3e3d3d;
text-decoration: none;
background-color: #090;
border: 1px solid #666;
font-weight:400;
line-height:15px;
height:20px;
margin:0px;
background:transparent url(../images/but.gif) repeat-x top left;
font-family: Verdana, Arial, Tahoma, sans-serif;
padding-top: 1px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 6px;
}

/* thumbnails */
div.mosimage { margin: 5px; }
div.mosimage_caption { font-size: .90em; color: #333; }

div.caption { padding: 0 10px 0 10px; }
div.caption img { border: 1px solid #CCC; }
div.caption p { font-size: .90em; color: #333; text-align: center; }

/* Parameter Table */
table.paramlist {
margin-top: 5px;
}

table.paramlist td.paramlist_key {
width: 128px;
text-align: left;
height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
font-family: Tahoma, Arial, sans-serif;
font-weight: 700;
font-size : 14px;
color : #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem {
}

/* Text advert style */

.banneritem_text {
padding: 4px;
font-size: 11px;
}

.banneritem_text a {
font-weight:700;
color:#fff;
}

.bannerfooter_text {
padding: 4px;
font-size: 11px;
text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a { padding: 2px; }

/* Polls */
.pollstableborder td {
text-align: left;
}

/* Frontend Editing*/
fieldset {
border: 1px solid #ccc;
margin-top: 15px;
padding: 4px;
}

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

td.key {
border-bottom:1px solid #eee;
color: #333;
}

/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}

.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: 700;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
font-size: 100%;
margin: 0;
}

/* System Standard Messages */
#system-message dd.message ul {
padding: 0;
margin: 0;
background: none;
border: none;
}

/* System Error Messages */
#system-message dd.error ul {
color: #c00;
background: none;
border: none;
padding: 0;
margin: 0;
}

/* System Notice Messages */
#system-message dd.notice ul {
color: #c00;
background: none;
border: none;
padding: 0;
margin: 0;
}

#system-message dd {
text-indent: 0;
}

#system-message dd ul {
list-style-type: none;
color: #c00;
background: none;
border: none;
}

#system-message {
margin-top: 5px;
}
Zum Vergrößern anklicken....

ich hoffe jetzt klappt es
 
Bei mir hält sich der Browser an die Vorgabe deines Stylesheets:

CSS: 
#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
	color: #000000;
}

... sprich die Linkbeschreibung bleibt sichtbar.

Wenn du anstelle von [quote] [/quote] einen Highlight-Tag wie [code=css] [/code] verwendest, müssen wir nicht deinen kompletten Beitrag ellenlang scrollen ;)
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück