• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hover direkt in der html file ändern

D

Don83

Mitglied
Hallo,
ich möchte direkt in einer html file, bzw. einer php file den css style angeben.Also nicht in einer extern eingebundenen:
Also explizit, ich möchte das <a> tag bearbeiten.
So in etwa:
<a style="display:block;color:#fff>
so jetzt passt die anzeige schonmal.
Ich will nun aber auch, dass das element einen hover effekt aufweist:

In etwa so:
a.button:hover {
display:block;
color:#fff;
background-color:#000;
background-image:url(hinter_on.gif);
}

Ich will das aber direkt im tag machen, oder geht das nicht?
Also ich will nicht erst die Klasse button definieren.
 
Du kannst nicht direkt im tag hovern
<a style="a:hover"> oder so geht nicht.

Musst wenn dann:
HTML: 
<style type="text/css">
<!--
a:hover{}
-->
</style>
 
hm das ist dann aber problematisch. Hat jemand eine idee wass ich dann tun könnte?

Ich habe eine template css file:
Bei dieser ist folgendes für das <a> tag bereits vorgegeben:
Code: 
a:link, a:visited { 
    text-decoration: none; 
    font-weight: normal; 
} 
 
a:hover { 
    text-decoration: underline; 
    font-weight: normal; 
}
Den obigen part kann man auch schwer editieren. Ist teil einer template(joomla)

Ich möchte nun eigentlich die Klasse button einführen, diese soll so ausführen:
Code: 
 a.button {
      display:block;
      color:#000;
      background-color:#999;
      width:90px;
      padding:0px;
      font-size:10px;
      font-family:Verdana, Arial, sans-serif;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin:10px;
      border:5px solid #333;
      background-image:url(hinter.gif);
      }
   a.button:hover {
      display:block;
      color:#fff;
      background-color:#000;
      background-image:url(hinter_on.gif);

      }
So nun möchte ich auf der hp folgendes tag setzen
Code: 
<a href="blabl" class="button">linkbutton</a>
Hier wird dann nicht die button klasse sondern einfach die standard <a> tag beschreibung verwendet. Also weiße underline.

Ich denke obiger part überschreibt meinen part. Aber gibts da eine möglichkeit dass doch meine Klasse verwendet wird?
 
Ja, deine Angabe wird überschrieben, weil der obige Code die Pseudoklassen "link" und "visited" verwendet. Das musst Du bei deiner Definition auch machen. Also:

Code: 
[FONT=monospace][/FONT]a.button:link, a.button:visited { ... }
 
YpsilonZet schrieb:
Du kannst nicht direkt im tag hovern
<a style="a:hover"> oder so geht nicht.

Musst wenn dann:
HTML: 
<style type="text/css">
<!--
a:hover{}
-->
</style>
Zum Vergrößern anklicken....

Ok, das problemist:
Die style beschreibung hat doch sonst einen festen platz im HTML formular. Ich benutze aber eine joomla template mit einer selbstgebauten komponente.
Darstellung geschieht über eine php file.
Ein html kopf etc. sind dort aber nicht enthalten.
Wo muss ich denn dann das style tag unterbringen?
 
Hm, nachdem ich das head tag nicht in meiner php file auslese habe ich ja dann gar keine möglichkeit da etwas zu machen oder?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben