Nehm nen submit Button.
<input type="submit" value=" Absenden ">
oder image Button
<input type="image" src="absenden.gif">
onClick="submit" ist bei image Buttons zum absenden nicht nötig
Nehm nen submit Button.
<input type="submit" value=" Absenden ">
oder image Button
<input type="image" src="absenden.gif">
onClick="submit" ist bei image Buttons zum absenden nicht nötig
Jo mit Javascript kannst du z.B. den Rechtsklick deaktivieren. Damit wirst du dir aber nicht viele Freunde machen. Also zumindestens ich würd so eine Seite kein 2tes mal besuchen.
Außerdem kannst du das kopieren von Bildern und Texten dadurch eh nicht unterbinden können, da wenn eine HP angezeigt wird, sich die Inhalte schon auf dem jeweiligen PC befinden.
Mir ist grad eingefallen das es ja auch noch "disabled" gibt.
mhh 10 Punkte find ich für eine Navigation die sich oben befindet schon ein wenig zu viel. Außerdem empfind ich eine seitliche Navigation als einfacher zu bedienen.
Siehe oben, mach aus type="submit" type="button".
Vielleicht gibts noch ne andere möglichkeit, ist mir aber nicht bekannt
Vielleicht kannst du das ja über eine oder mehrere if abfragen machen.
so säh es aus falls du mit JSPs arbeitest. Du kannst die if Abfrage natürlich auch um den Submit button machen, so dass der html Code bzw. der Button nur unter bestimmten Bedingungen angezeigt wird. Oder mach aus type="submit" type="button". Dann geschieht zumindestens nichts mehr wenn der Anwender den Button drückt, falls du kein onClick drin hast.
Erstell ein Frameset mit 2 Frames nebeneinander.
Und wenn du auf einen Link klickst läßt du das Frameset mit den 2 Seiten im main Frame des übergeordneten Framesets anzeigen.
Jop z.B. mit Animake. Die einzelnen Bilder musst du aber mit einem anderen Grafikprogramm machen.
Mit Firebird funktioniert es jetzt schon.
Du solltest zusätzlich noch drüber nachdenken die "kleinen" Bilder kleiner zu machen. Die sind ja jetzt ca. 50 kb groß, und die Dateigröße der "großen Bilder" auch stark zu verkleinern. Die sind ja jetzt teilweise über 300 kb groß. Und nicht jeder hat ein Breidband Internetzugang.
Ja Beatz das kann natürlich sein. Anders kann ich es mir auch nicht erklären.
Aber bei mir gab es damit schon öfters probleme, auch mit unterschiedlichen Editoren.
Deshalb hab ich mir angewöhnt das </td> Tag in die gleiche Zeile zu schreiben.
Zur Topic, ich benutz EditPlus, also nen normalen highlighting Editor.
Ich würd wohl auch gerne Phase 5 benutzen, aber der läuft nicht sonderlich stabil.
Wenn ihr noch bessere highlighting Editoren kennt, tät mich das schon interessieren.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link href="/index-Dateien/format.css" rel="stylesheet" type="text/css">
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 6">
<title>Home</title>
<meta name="Robots" content="INDEX,FOLLOW">
<csscriptdict import>
<script type="text/javascript" src="/index-Dateien/CSScriptLib.js"></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript">
<!--
<!--
var preloadFlag = false;
function preloadImages() {
if (document.images) {
over_graunnews = newImage(/*URL*/'/index-Dateien/rotnnews.gif');
over_graunherren1 = newImage(/*URL*/'/index-Dateien/rotnherren1.gif');
over_graunherren2 = newImage(/*URL*/'/index-Dateien/rotnherren2.gif');
over_graunjungs = newImage(/*URL*/'/index-Dateien/rotnjungs.gif');
over_graundamen = newImage(/*URL*/'/index-Dateien/rotndamen.gif');
over_graunladys = newImage(/*URL*/'/index-Dateien/rotnladys.gif');
over_graunmixed = newImage(/*URL*/'/index-Dateien/rotnmixed.gif');
over_graunschiris = newImage(/*URL*/'/index-Dateien/rotnschiri.gif');
over_graunforum = newImage(/*URL*/'/index-Dateien/rotnforum.gif');
over_graunchat = newImage(/*URL*/'/index-Dateien/rotnchat.gif');
over_graungaestebuch = newImage(/*URL*/'index-Dateien/rotngaestebuch.gif');
over_graunlinks = newImage(/*URL*/'/index-Dateien/rotnlinks.gif');
over_graunimpressum = newImage(/*URL*/'/index-Dateien/rotnimpressum.gif');
over_graunkontakt = newImage(/*URL*/'/index-Dateien/rotnkontakt.gif');
preloadFlag = true;
}
}
// -->
</script>
</csactiondict>
</head>
<body>
<table width="100%" border="0" cellspacing="2" cellpadding="5" bgcolor="#f3f3f3">
<tr valign="middle" height="20">
<td width="12%" height="38">
<center>
<script LANGUAGE="Javascript" SRC="http://www.good-scripts.de/service/counter/counter.php?user=mikerg&design=break2"
TYPE="text/javascript"></font></script>
</center>
<p align="center" font face="Verdana,Courier New,Courier,Monaco" size="1"> Besucher seit dem 1.4.2004</p>
</td>
<td align="center" valign="middle" bgcolor="#f3f3f3" width="45" height="38"></td>
<td align="center" valign="middle" bgcolor="#f3f3f3" width="81%" height="38"></td>
<td align="center" valign="middle" bgcolor="#f3f3f3" width="45" height="38"></td>
</tr>
<tr valign="middle" height="50">
<td width="12%" height="50"></td>
<td align="center" valign="middle" bgcolor="#f3f3f3" width="45" height="50"></td>
<td align="center" valign="middle" bgcolor="#f3f3f3" width="81%" height="50">
<div align="center">
<div align="center">
<div align="center">
<font size="4">[b]<font size="5" color="#ae2833" face="Verdana,Courier New,Courier,Monaco"><sup>Basketball
bei HT16</sup></font>[/b]</font></p>
[url='http://www.ht16.de'][img]index-Dateien/logo.jpeg[/img][/url]</p>
</p>
</div>
</div>
</div>
</td>
<td align="center" valign="middle" bgcolor="#f3f3f3" width="45" height="50"></td>
</tr>
<tr valign="middle" height="25">
<td colspan="3" height="25">
<div align="center"><marquee bgcolor="#F3F3F3" direction="left" scrolldelay="130" behavior="scroll" width="910" height="15" loop="infinite"><font color="#F3F3F3"></font>[b]Zur
neuen Saison muss im Frauenbasketball mit dem kleineren Ball, Grösse 6 gespielt werden.[/b]<font color="#F3F3F3">_______</font>[b]Am
Freitag, den 7. Mai findet um 19 Uhr das Freundschaftsspiel gegen die Damen des HGSV im Querkamp statt<font color="#F3F3F3">_______</font>[/b][b]Ein Ausblick auf die wohl wichtigsten anstehenden neuen Regeln gibt es schon mal auf der Schiedsrichterseite[/b]</marquee></div>
</td>
<td align="center" valign="middle" bgcolor="#f3f3f3" width="45" height="25"></td>
</tr>
<tr align="center" valign="top" height="100%">
<td valign="top" width="12%" height="100%">
<table width="150" border="0" cellspacing="2" cellpadding="0" bgcolor="#f3f3f3" height="100%">
<tr height="200%">
<td valign="top" height="200%"><font face="Verdana,Courier New,Courier,Monaco">[b]<sup>
</sup>[/b]</font>
<div align="left">
<div align="left">
<table width="44%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
[img]../index-Dateien/rotnhome.gif[/img]</a></td>
</tr>
<tr>
<td>
[url='../news.php'][img]../index-Dateien/graunnews.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../ersteherren.php'][img]../index-Dateien/graunherren1.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../zweiteherren.php'][img]../index-Dateien/graunherren2.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../jungs.php'][img]../index-Dateien/graunjungs.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../damen.php'][img]../index-Dateien/graundamen.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../maedels.php'][img]../index-Dateien/graunladys.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../mixed.php'][img]../index-Dateien/graunmixed.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../schiris.php'][img]../index-Dateien/graunschiris.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../phpbb/index.php'][img]../index-Dateien/graunforum.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../chat/index.php'][img]../index-Dateien/graunchat.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../gb/index.php'][img]../index-Dateien/graungaestebuch.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../links.php'][img]../index-Dateien/graunlinks.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../impressum.php'][img]../index-Dateien/graunimpressum.gif[/img][/url]</td>
</tr>
<tr>
<td>
[url='../kontakt.php'][img]../index-Dateien/graunkontakt.gif[/img][/url]</td>
</tr>
</table>
</p>
</div>
</div>
</td>
</tr>
</table>
</td>
<td valign="top" width="45" height="100%"></td>
<td valign="top" width="81%" height="100%">
<div align="center">
<div align="center">
<div align="center">
</p>
</p>
<div align="center">
<div align="center">
<font size="2" face="Verdana,Courier New,Courier,Monaco">Hängen
unsere Körbe zu hoch ?!</font></p>
<font size="2" face="Verdana,Courier New,Courier,Monaco">[img]index-Dateien/logo%20(1).jpg[/img]</font></p>
<font size="2" face="Verdana,Courier New,Courier,Monaco">Probiert
es doch einfach mal aus....</font></p>
</p>
<font size="2" face="Verdana,Courier New,Courier,Monaco">Hier
gibt es die wissenswerten Infos über die Mannschaften und
die Abteilung.
</font></p>
<font size="2" face="Verdana,Courier New,Courier,Monaco">Nun ist auch der
Startschuss für die neue Damenmannschaft gegeben. Auch auf diesen Seiten wird es in der nächsten Zeit
Aktualisierungen geben.</br></br>
Weiterhin kann man schon mal die wohl bevorstehenden Regeländerungen zur neuen Saison auf der Schiedsrichterseite anlesen.</font></p>
</div>
</div>
</div>
</div>
</div>
<p align="center" font size="2" face="Verdana,Courier New,Courier,Monaco">Online z.Zt. <script language="javascript" src="http://www.good-scripts.de/service/online/online.php?user=mikerg"></script> Besucher</p>
</td>
<td valign="top" width="45" height="100%"></td>
</tr>
<tr height="15">
<td valign="top" width="12%" height="15">
</p>
</td>
<td width="45" height="15"></td>
<td width="81%" height="15">
</td>
<td width="45" height="15"></td>
</tr>
</table>
<map name="MapName"></map>
</p>
</body>
</html>
Alles anzeigen
Wenn du den </td> Tag direkt in die Zeile wo sich die Grafik befindet schreibst, dann funktioniert es. Das solltest du zumindestens bei Grafiken immer so machen.
Beachte bitte auch das cellpadding="0" und cellspacing="0".
Zitat von clickfinger
95.55 Meter Platz 38. Macht schon leicht süchtig das spiel.
<html>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="files/default.css">
<title>Joel EXEMPT</title>
<body>
<div align="center">
<table height="100%" width="700" style="border-right: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; background: #FFFFFF" cellpadding="0" cellspacing="0"><tr><td valign="top">
.
.
.
Alles anzeigen
Du musst in der ersten Spalte <td valign="top"> reinschreiben. Dann werden die Elemente in dieser Spalte vertikal - oben angezeigt.
Also die Grafik ansich gefällt mir sehr gut, aber ich würde die ganze sache anders machen.
Die mit <img.. eingefügten bilder werden ja gestreckt, das sieht dann ein wenig pixelig aus. Zumindestens bei 1680 x 1050 die ich hier hab.
Also mein Vorschlag:
- Füg die Grafik hp_01.jpg die am oberen Rand ist in orginal Größe in der mitte der Seite ein. Setzt also in der entsprechenden Spalte nen festen pixel Wert.
Im Moment ist die Grafik ja 1006 px breit. Hier solltest du die Grafik vielleicht auf eine Breite von 800 px skallieren damit jemand mit einer kleineren Auflösung nicht nach rechts scrollen muss.
Das gleiche machst du dann mit hp_19.jpg, hp_20.jpg, hp_22.jpg, hp_23.jpg und allen die ich vergessen hab.
- Mit der Hintergrundgrafik hp_21.jpg machst du das gleiche wie oben mit den anderen Grafiken. Nur das du sie als Hintergrundgrafik einfügst.
- Nun hast du ja eine Tabelle in der mittig die Grafiken in einer Breite von 800 px zu sehen sind. Jetzt fehlt noch ein Rand links rechts oben und unten. Also brauchste da noch 2 Zeilen und 2 Spalten ohne feste höhen bzw. breiten Angabe. Diese Zeilen / Spalten sollen bei höheren Auflösungen skallieren. In diesen Zeilen / Spalten würd ich dann ein Hintergrundbild setzen das zu dem Bild was mittig ist passt. Z.B. eins dieser Vierecke, welches sich ja dann immer wiederholt. So wär auch ein fließender Übergang gegeben.
Ich denke das würde dann richtig edel aussehen. Ist aber nur ein Vorschlag.
Das ginge auch noch mit Flash.
Hier haste schon gekuckt?
<HTML>
<HEAD>
f1=false
function fenster(URL1,b,h)
{
if(f1&&f1.closed==false)
f1.close()
f1=window.open("","","width="+b+",height="+h+",left="+((screen.width-b)/2)+",top="+((screen.height-h)/2))
with(f1.document)
{
open()
write('<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">')
write('<a href="javascript:self.close();">[img]'+URL1+'[/img]<\/a>
')
write('<center><span style="font-family:arial, helvetica; font-size: 12px;color:#bfbfbf;">')
write('Zum schließen auf das Bild klicken<\/span><\/center><\/body>')
close()
}
}
// -->
</script></HEAD>
<BODY RIGHTMARGIN="0" LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0" ONLOAD="preloadImages();">
<A HREF="irgendeinbild.jpg" TARGET="_blank" ONCLICK="fenster('irgendeinbild.jpg',640,500);return false">
Hier klicken um Fenster zu öffnen</A>
</BODY>
</HTML>
Alles anzeigen
Öffnet zentriert ein Fenster mit einem Bild 640x500 ohne Rand.
Darunter steht "Zum schließen auf das Bild klicken"
Wenn man auf das Bild klickt schließt sich das Popupfenster