Hi!
Hab mal ne Frage! Ich weiß dass man irgendwie mittels HTML einfache Buttons erstellen kann! Wollt jetzt mal fragen wie das noch mal schnell gegangen ist und ob man die Form auch ändern kann!?!
Denn was ich weiß waren dass dann nur ganz simple, viereckige Buttons!
Der Code sieht vielleicht etwas unübersichtlich aus - ist aber rein technisch gesehen in Ordnung - wenn ich nichts übersehen habe!
Kommt drauf an wie es denn aussehen soll! Was passt dir denn nicht?
Dieses Tutorial hab ich auch schon gesehen und ausprobiert! Funkt aber nur in Firefox einwandfrei! Der IExplorer und Opera machen da Probleme!
Am besten zu lösen mit CSS! Füg als erstes folgende Zeile in deinen HEAD Bereich ein:
<link href="style.css" rel="stylesheet" style="text/css">Dann erstell ein Datei mit dem Namen style.css und füg folgenden Inhalt ein:
a {font-size: 12px; font-weight:bold; color:#000000; text-decoration: none}
a:link {font-size: 12px; font-weight:bold; color:#000000; text-decoration: none}
a:visited {font-size: 12px; font-weight:bold; color:#000000; text-decoration: none}
a:active {font-size: 12px; font-weight:bold; color:#000000; text-decoration: none}
a:hover {font-size: 12px; font-weight:bold; color:#006600; text-decoration: underline;}Ich habs mir ja fast gedacht! Trotzdem danke an alle!
Ja, mit Firefox hauts hin, aber der IExplorer schaffts anscheinend nicht!
Hat beides nichts gebracht!
Hi!
Hab dies folgendermaßen gelöst:
<html>
<head>
<title>#######</title>
<link rel="shortcut icon" href="images/testicon.ico">
</head>
<frameset rows="110,*,50" border="0" frameborder="0" framespacing="0">
<frame name="head" src="head.html" border="0" scrolling="no">
<frameset cols="170,*,111" framespacing="0" border="0" frameborder="0">
<frame name="navigation" src="navigation.html" border="0" scrolling="auto">
<frame name="main" src="main.html" border="0" scrolling="auto">
<frame name="news" src="news.html" border="0" scrolling="auto">
</frameset>
<frame name="bottom" src="sponsoren.html" border="0" scrolling="no">
<noframes>
<body>
Diese Seite verwendet Frames. Frames werden von Ihrem Browser aber nicht
unterstützt.</p>
</body>
</noframes>
</frameset>
</html>Jetzt wollt ich nur mal fragen ob das wieder so ne Sache ist die nur Firefox kann und der IExplorer nicht oder ob ich nen Fehler drin hab!?!
Probiers mal so:
<div style="position:absolute; top:50px; left:50px; height:100px; background-color:red">TEXT</div>Ich hab einfach nur die Angabe für Rechts weggelassen!
Das is aber nicht ganz das was ich mir unter LÖSUNG vorstelle! Trotzdem danke!
Ich hätte da mal ne Frage! Geht es eigentlich dass ich mittels CSS die leeren Zellen einer Tabelle umrande? Ich bekomm das nämlich gerade überhaupt nicht hin! Er macht mir nur Ränder wenn ich in die Zellen einen Inhalt einfüge!
Hi!
Hab folgendes Problem: hab auf meiner Seite ein Bild; um dieses vergrößert darzustellen muss es einfach nur angeklickt werden und es öffnet sich in einem Popup! Wenn dieses Bild aber jetzt am Ende der Seite liegt dann scrollt das ursprüngliche Fenster im Hintergrund wieder an den Seitenanfang! Kann ich das verhindern? Hier noch ein kleines Beispiel! (nicht wundern über das Aussehen!)
Danke! Habs ein bissl umgeschrieben und is jetzt genau das was ich haben wollte!
Dazu post ich einfach noch mal meine etwas neueren Codes! Der Hintergrund ändert sich nur im Firefox! Was muss ich ändern! Der Tip oben hat mir nicht weitergeholfen weil ich noch nicht so ein Experte bin!
navigation.html
<html>
<head>
<title>Offizielle Homepage des UHC Eggenburg</title>
<link href="CSS/navigation.css" rel="stylesheet" type="text/css">
</head>
<body background="images/navigation/hintergrund.gif">
<table width="100%" align="left" cellspacing="10" class="links">
<tr>
<td class="nav">[url='test.html']UHE Handball News[/url]</td>
</tr>
<td class="nav">[url='test.html']Vereinsdaten[/url]</td>
</tr>
<td class="nav">[url='test.html']Events[/url]</td>
</tr>
<td class="nav">[url='test.html']Mannschaften, Spielberichte, Statistiken[/url]</td>
</tr>
<td class="nav">[url='test.html']Schulhandball[/url]</td>
</tr>
<td class="nav">[url='test.html']Links[/url]</td>
</tr>
<td class="nav">[url='test.html']Beach Fun[/url]</td>
</tr>
<td class="nav">[url='test.html']Fotoarchiv online[/url]</td>
</tr>
<td class="nav">[url='test.html']UHE Fan Shop[/url]</td>
</tr>
<td class="nav">[url='test.html']Impressum[/url]</td>
</tr>
<td class="nav">[url='test.html']Sponsoring[/url]</td>
</tr>
<td class="nav">[url='test.html']Kontakt[/url]</td>
</tr>
<td class="nav">[url='test.html']Gästebuch[/url]</td>
</tr>
</table>
</body>
</html>navigation.css
td.nav
{
color: #006600;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
background-color: #FFFFFF style="filter:alpha(opacity=0); -moz-opacity: 0.0;";
border-color: #006600;
border-style: solid;
border-width: 1px;
}
td.nav:hover
{
color: #FFFFFF;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
background-color: #006600;
border-color: #006600;
border-style: solid;
border-width: 1px;
}
.links
td a {display:block; width:100%; font-size: 11px; font-weight:bold; color:#006600; text-decoration: none}
td a:link {display:block; width:100%; font-size: 11px; font-weight:bold; color:#006600; text-decoration: none}
td a:visited {display:block; width:100%; font-size: 11px; font-weight:bold; color:#006600; text-decoration: none}
td a:active {display:block; width:100%; font-size: 11px; font-weight:bold; color:#FFFFFF; text-decoration: none}
td a:hover {display:block; width:100%; font-size: 11px; font-weight:bold; color:#FFFFFF; text-decoration: none}Habs mittlerweile auch geschafft die komplette Tabellenzelle ohne JS zu verlinken!
Bräucht jetzt nur noch ein bisschen Hilfe beim besagten Mouseover-Effekt!
Danke!
Das mit der Transparenz hat einwandfrei funktioniert!
Aber ich weiß noch nicht ganz was ich genau beim Mousover-Effekt ändern muss! Kannst du mir das nochmal genauer erklären?
Und vielleicht hat jemand ne Idee wie ich JS umgehen kann!
Hab meine Navigation in eine Tabelle verfrachtet und hab jetzt ein paar Fragen!
1.) Wie stelle ich es an dass die ganze Zelle als Link verwendet wird?
2.) Was muss ich ändern damit das Hintergrundbild in den Zellen
durchscheint wenn man die Maus über die einzelnen Zellen bewegt?
3.) Warum funktiort der Mousover-Effekt derzeit nicht im IExplorer? Wo ist
mein Fehler oder kann der Explorer das einfach nicht?
Meine Codes:
navigation.html
<html>
<head>
<title>Offizielle Homepage des UHC Eggenburg</title>
<link href="CSS/navigation.css" rel="stylesheet" type="text/css">
</head>
<body background="images/navigation/hintergrund.gif">
<table width="100%" align="left" cellspacing="10">
<tr>
<td class="nav">UHE Handball News</td>
</tr>
<td class="nav">Vereinsdaten</td>
</tr>
<td class="nav">Events</td>
</tr>
<td class="nav">Mannschaften, Spielberichte, Statistiken</td>
</tr>
<td class="nav">Schulhandball</td>
</tr>
<td class="nav">Links</td>
</tr>
<td class="nav">Beach Fun</td>
</tr>
<td class="nav">Fotoarchiv online</td>
</tr>
<td class="nav">UHE Fan Shop</td>
</tr>
<td class="nav">Impressum</td>
</tr>
<td class="nav">Sponsoring</td>
</tr>
<td class="nav">Kontakt</td>
</tr>
<td class="nav">Gästebuch</td>
</tr>
</table>
</body>
</html>navigation.css
td.nav
{
color: #FFFFFF;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
background-color: #006600;
border-color: #006600;
border-style: solid;
border-width: 1px;
}
td.nav:hover
{
color: #006600;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
background-color: #FFFFFF;
border-color: #006600;
border-style: solid;
border-width: 1px;
}Verwend einfach deinen Code und füg bei Beispielsfunktion die gewünschte Funktion ein. Wär jetzt nur noch toll zu wissen welche Funktion dir vorschwebt?
onClick="Beispielsfunktion"