Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo alle zusammen,
ich habe da ein Problem. Ich möchte in einem Post Bilder (Thumbs) und Links posten.
Die Links sollen ein Mouse-Over-Effekt haben (also das der Link beim Mouse-Over unterstrichen wird).
Nun habe ich aber das Problem, dass, wenn ich das einstelle, er mir auch die Bilder unterstreicht
(beim Mouse-Over). Kann ich diese beiden Sachen nicht irgendwie trennen, so dass der Hover-Effekt nur
auftritt, wenn ich über ein Link gehe?
MfG Hannes
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
ich glaube so:
a img {border: none;}
Danke für die Antwort, aber es ändert leider nix an dem Problem. Die Bilder
werden immer noch unterstrichen.
Hoffe das jemand eine Lösung parat hat, die das Problem löst. ;)
MfG Hannes
tja dein CSS raten ist halt nicht so einfach ;-)
Das hier ist meine css datei.
body
{
font-family:'Verdana';
font-size:10px;
}
#headline h2
{
font-size: 12px;
color: #ba0000;
margin-top: -10px;
padding: 0px;
}
#description
{
position:absolute;
top:20px;
text-decoration: none;
padding-bottom: 10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:6px;
font-size: 12px;
color: #ba0000;
}
#title
{
position:absolute;
width:965px;
top:0px;
font-family: 'Verdana';
font-weight:bold;
font-size: 20px;
color: #0e497f;
margin: 0px;
padding: 0px;
}
div.hr
{
position:absolute;
height:3px;
background:#fff url(images/hr.gif) repeat-x scroll center;
width:965px;
padding-bottom:15px;
}
#search
{
position:absolute;
right:0px;
margin-top:10px;
float:right;
padding:0;
top: 7px;
}
input#searchsubmit
{
background:#0e497f;
border:2px solid #ba0000;
color:#FBFBFC;
font-size:13px;
}
#wrap
{
width:965px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666;
margin:0 auto;
}
#header
{
height:50px;
width:965px;
position:relative;
color:#000;
margin-bottom:3px;
padding:0;
}
#header h1
{
text-indent:-10000px;
margin:0;
padding:0;
}
a:hover
{
text-decoration:none;
color:#555353;
border:none;
}
.left
{
float:left;
width:170px;
border:3px solid #f3f3f3;
margin:10px 0;
padding:10px;
}
.right
{
float:right;
width:170px;
border:3px solid #f3f3f3;
margin:10px 0;
padding:10px;
}
.right img
{
border:0;
display:block;
margin-left:auto;
margin-right:auto;
}
.middle
{
width: 530px;
font-size: 11px;
line-height: 16px;
overflow: hidden;
padding: 10px;
border: 3px solid #f3f3f3;
margin: 10px auto;
margin-top:13px;
}
.middle h4
{
font-size:16px;
border-bottom:dashed 1px #ccc;
margin:0 7px 3px 0;
padding:3px 0;
}
.middle img
{
border:2px #0e497f solid;
}
.toplist img
{
border:0px #eee solid;
}
.pagebar
{
margin-top:10px;
position: relative;
line-height:16px;
margin-left:10px;
float:left;
width:527px;
border:3px solid #f3f3f3;
overflow:hidden;
padding:10px;
font-size:11px;
margin-bottom:20px;
text-align:center;
}
.ads
{
margin-top:10px;
line-height:16px;
margin-left:10px;
float:left;
width:510px;
border:3px solid #f3f3f3;
text-align:center;
padding:10px;
}
.ads img
{
border:0;
text-align:center;
}
img.wp-smiley
{
border:0;
padding:0;
}
#footer
{
width:945px;
margin-top:20px;
text-align:center;
clear:both;
padding:10px;
background: top url(images/hr.gif) repeat-x center;
}
div.br
{
height:10px;
background:#fff url(images/br.gif) repeat-x scroll center;
clear:both;
}
.alignright
{
float:right;
}
.alignleft
{
float:left;
}
.gcomment
{
border-left:none;
vertical-align:middle;
border-right:none;
margin-bottom:3px;
border-bottom:1px solid #f3f3f3;
background-color:#F7F7F7;
padding:3px;
}
.ucomment
{
border-left:none;
border-right:none;
margin-bottom:3px;
border-bottom:1px solid #f3f3f3;
background-color:#fbfbf1;
padding:3px;
}
input#submit
{
background:#fc6;
border:2px solid #f93;
color:#fff;
font-size:13px;
}
ol.commentlist
{
margin:0 0 1px;
padding:0;
}
ol.commentlist li
{
list-style:none;
margin:0;
padding:13px 13px 1px;
}
ol.commentlist li.commenthead
{
list-style:none;
margin:0;
}
ol.commentlist li.commenthead h2
{
margin:0;
}
.addthis
{
float:right;
clear:both;
}
a:link,a:active,a:visited
{
text-decoration:none;
color:#416e90;
border:none;
}
.left h2,.comments h3
{
font-size:14px;
border-bottom:dashed 1px #ccc;
margin:0 7px 3px;
padding:3px 0;
}
.left ul,.right ul
{
list-style-type:none;
margin:0;
padding:0;
line-height:150%;
font-size:11px;
}
.left ul li,.right ul li
{
list-style-type:none;
margin:0 0 20px;
padding:0;
}
.left ul li ul,.right ul li ul
{
list-style-type:square;
margin:0;
padding:0 3px;
}
.left ul li ul li,.right ul li ul li
{
list-style-type:none;
background:transparent url(images/bullet.gif) no-repeat 0 4px;
border:0;
margin:0;
padding:0 0 2px 14px;
}
.left ul li ul li :hover
{
border-bottom:#ba0000 1px solid;
}
.right h2,.comments h3
{
font-size:14px;
border-bottom:dashed 1px #ccc;
margin:0 7px 3px;
padding:3px 0;
}
.right ul,.right ul
{
list-style-type:none;
margin:0;
padding:0;
line-height:150%;
font-size:11px;
}
.right ul li,.right ul li
{
list-style-type:none;
margin:0 0 20px;
padding:0;
}
.right ul li ul,.right ul li ul
{
list-style-type:square;
margin:0;
padding:0 3px;
}
.right ul li ul li,.right ul li ul li
{
list-style-type:none;
background:transparent url(images/bullet.gif) no-repeat 0 4px;
border:0;
margin:0;
padding:0 0 2px 14px;
}
.right ul li ul li :hover
{
border-bottom:#ba0000 1px solid;
}
div.hr hr,div.br br
{
display:none;
}
.middle2,.middle3
{
margin-top:10px;
line-height:16px;
margin-left:10px;
float:left;
width:237px;
border:3px solid #f3f3f3;
overflow:hidden;
padding:10px;
}
.middle2 h2,.middle3 h2
{
font-size:14px;
border-bottom:dashed 1px #ccc;
margin:0 7px 3px 0;
padding:3px 0;
}
.middle2 :hover,.middle3 :hover
{
background:#fafafa;
}
.ucomment img,.addthis img
{
border:0;
}
.left ul li h2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ba0000;
font-size:12px;
}
.right ul li h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ba0000;
font-size:12px;
}
.middle h5
{
font-size:14px;
border-bottom:dashed 1px #ccc;
margin:0 7px 3px 0;
padding:3px 0;
}
#middle-bottom
{
width: 530px;
border: 3px solid #f3f3f3;
padding: 10px;
margin: 10px auto;
text-align: center;
}
.middle img:hover
{
text-decoration:none;
}
.entry a:hover
{
border-bottom: #ba0000 1px solid;
}Vieleicht kann ja damit jemand was anfangen *hoff*
MfG Hannes
noch ein Angebot :mrgreen:
und dann noch für die speziellen img classe, wie rechts und links:
Nochmals danke, aber das hat leider auch nich den erwünschten Effekt vollbracht. ;/
MfG Hannes
Das hat auch nicht den erwünschten Effek gebracht, dann ist zwar der
Rahmen um das Bild weg (was nicht sinn der Sache ist) aber den Hover
Effekt hat es trotzdem noch.
MfG Hannes
zeig die url ...
Also hier ist mal die url zum meinem Blog. Ist aber wiegesagt alles noch in der
entstehung. Klick Hier
Aber es gehr ja auch nur darum das der Link unter den Bildern den gleichen
Mouse-Over effekt haben soll wie zb die Links in den sitebars die Bilder
aber unberührt bleiben sollen.
MfG Hannes
Hoffe das mir noch jemand weiterhelfen kann ;)
MfG Hannes
Keiner mehr der helfen kann? Kann ich mir ja kaum vorstellen ;)
MfG Hannes
Ok problem hat sich erledigt ;)
MfG Hannes
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!