PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : LoL Prob mit CSS/HTML



blackkevin
16.09.2010, 18:11
Jo ich mal wieder xD
hab schon wieder ein prob als ich es mit den hover effekt hinbekommen habe
war ich zufrieden es lief nunja jetzt ein neues prob und das gleiche wieder
auch mit hover
also der CSS Code sieht so aus :

<style type="text/css">
<!--
.bla
{
width: 900px;
height: 460px;
background: url("007.jpg");
}

.bla:hover
{
background: url("008.jpg");
}


=-->
</style>

der html code:

<link rel="stylesheet" type="text/css" href="Unbenannt1.css">
</head>
<body text="#F9FBF6" bgcolor="#5869EB" link="#428400" alink="#A40000" vlink="#4226DF">
<div style="text-align: center;">
<img src=Banner2.jpg width=1100 height=100 border=0>
</div>
<br>
<br>
<div align="center" style="color:#EDA0B0">
<h1>TEST</h1>
<p> Meine erste Seite die ich selbst geschrieben habe <br> sieht nicht perfekt aus aber nunja</p>
</div>
<br>
<br>
<table border=0 cellpadding="4">
<tr>
<th align="center">Code Geass</th>
<th align="center">Higurashi No Naku Koro ni</th>
</tr>
<tr>
<td><img src="CODE GEASS R2 - 20 - Large 29.jpg"width="900" height="460" alt="Code Geass"></td>
<td><img src="2008020387472.jpg" width="900" height="460" alt="Higurashi"></td>
</tr>
<tr>
<td align="center">Lellouch<br>Welt Herrscher</td>
<td align="center"> Unbekanntes Mädchen <br> Wird warhscheinlich sterben</td>
</tr>
</table>
<a href="HP.html" class="link1"></a>
</body>
</html> ist eben halt nicht der ganze head^^
und nunja unter der tabelle soll eigentlich ein button sein
der eben halt ein hover effekt hat
wenn ich das im Test Programm von Phase5 HTML probier geht das
aber starte ich meine html datei mit ff seh ich nicht mal mein button mehr
habs schon über webspace probiert das prob ist gleich geblieben
ich hab einfach kp mehr voran das liegen könnte
hoffe mal das mir jemand wieder helfen kann :)
ps. bin noch in der lern phase also bitte genau erklären^^

dragon_killer
16.09.2010, 19:27
In der CSS definierst du die Klasse "bla", die verwendest du aber garnicht!
Außerdem kannst du einem Inline-Element (z.B. <a>) keine Höhe und Breite geben müssest das per "display: block;" zu nem Block-Element machen.

blackkevin
16.09.2010, 20:53
achso ok danke
und das mit der classe ok hab ich beim umschreiben einfach übersehn danke^^
ich werd es dann mal morgen probieren :)

EDIT:
hab es jetzt so gemacht und klappt alles :)


a#bla {display:block;width:185px;height:63px;background-image:url("Button 1 .png"); }
a#bla:hover {background-image:url("Button 1 b.png");}