Einige HtmL Fragen [Archiv]

Archiv verlassen und diese Seite im Standarddesign anzeigen : Einige HtmL Fragen

Coolzero

06-11-2007, 20:36

Hallo, ich bin dabei eine Homepage zu erstellen und da bin ich leider auf einige Fehler gestossen, wo ich im Moment keine Lösung für finde, ich hoffe mir kann hier jemand Helfen:

Zum einen habe ich ein stylesheet definiert:
<title>Stylesheet-Bereiche definieren</title>
<style type="text/css" media="screen">
#GrosserText { font-size:50px; font-family:"Arial Black",Arial,sans-serif; color:#73FBE7; }
#KleinererText { font-size:30px; font-family:"Arial Black",Arial,sans-serif; color:red; }
#NochKleinererText { font-size:20px; font-Family:"Arial Black",Arial,sans-serif; color:green; }
</style>
</head>
<body>

Demnach sollte der "#NochKleinererText" grün sein, er wird jedoch immer in rot angezeigt!
Wieso?

Desweiteren habe ich versucht eine mp3 Datei als hintergrund Musik einzubinden mit diesem Befehl:
<body>
<embed src="samuraj.mp3" loop=true autostart=true hidden=true>
</body>

Nur leider kommt kein Sound, Opera sagt ich benötigte ein plug-in, aber welches? Das gleiche kommt bei Firefox, Konqueror gibt garnichts aus!

Desweiteren habe ich eine Datei erstellt mit Verlinkungen, sieht so aus:

<h1>Navigation</h1>
<p>
<a href="Pamstock08Location.html"target="Daten"><b>Location</b></a><br>
<a href="Pamstock08Bilder.html"target="Daten"><b>Bilder HTML</b></a><br>
<a href=""Pamstock08Gästebuch.html"target="Daten"><b>Gästebuch </b></a><br>
<a href=""Pamstock08Downloads.html"target="Daten"><b>Downloads </b></a><br>
<a href=""Pamstock08Anmeldung.html"target="Daten"><b>Anmeldung </b></a><br>
<a href=""PamStock08Bewerbung"target="Daten"><b>Bewerbung HTML</b></a><br>

wie kann ich die Schrift vergrößern/Farblich verändern und wie kann ich zwischen den einzelnen Links mehr Platz lassen, stehen im Moment alle direkt untereinander!

Glaub das wars fürs erste, sorry wenns blöde Fragen sind, aber ich bin bin völliger Html neuling!

Danke für die Hilfe

jeebee

07-11-2007, 14:44

1) code-tags verwenden erleichtert das lesen von Code! ( # oder <>-Symbol im Editor, für HTML am besten <>!)
2) wenn du nur den CSS-Teil zeigst, kann ich nicht sagen, wieso dass #NochKleinererText rot ist und nicht grün. Anwenden würde man das ja so
<div id="NochKleinererText">dieser Text sollte jetzt grün sein</div> oder alternativ, da immer nur ein Element die gleiche id haben kann und es auch noch die class-Variante gibt
<style type="text/css" media="screen">
.nochKleinererText { font-size:20px; font-Family:"Arial Black",Arial,sans-serif; color:green; }
</style>

</head>
<body>
<div class="NochKleinererText">Grün Grün Grün</div><br/>
<a class="NochKleinererText" href="./blubber.html">ein grüner Link</a>
</body>
3) Musik-Hintergrund: keine Ahnung, find ich persönlich nur nervig, wenns nicht abstellbar ist!
4) Navi-Links mit block&margin gestalten, oder einfach ein 2. <br/> dazwischen platzieren.
block&margin-Beispiel:
.navi-link {display:block; margin-bottom: 1em; } und dann im body
<a class="navi-link" href="...">Navi-Link</a>

PS: das block&margin hab ich jetzt gerade nicht getestet sollte aber so ähnlich gehen. Für mehr CSS-Tricks und Beispiele: http://www.css4you.de

MfG simu

Coolzero

07-11-2007, 20:48

Zu 1: Also weiter definiert ist es bei mir so:

<h1 id="GrosserText">Willkommen auf de</h1>

<h2 id="KleinererText">Das Motto von</h2>

<h3 id:"NochKleinererText"> Vom xxxxxxxxxxxxxxxxxxx</h3>

jan61

07-11-2007, 20:57

Zu 1: Also weiter definiert ist es bei mir so:

<h1 id="GrosserText">Willkommen auf de</h1>

<h2 id="KleinererText">Das Motto von</h2>

<h3 id:"NochKleinererText"> Vom xxxxxxxxxxxxxxxxxxx</h3>

Fällt Dir kein Unterschied zwischen den id-Attributen von h1, h2 und h3 auf? Mit einem Doppelpunkt klappt das nicht.

Jan

Coolzero

07-11-2007, 21:11

Das gibts doch garnicht, das war auch zu einfach, sorry hätt ich auhc selbst sehn können

Danke für den Hinweis

Coolzero

07-11-2007, 21:16

Zu meinem 3 Problem, ich habe jetzt die Abstände einfach durch ein <br/> eingebaut, wie kann ich jetzt noch die Schrift größe bzw Farbe abändern?

Im Mom siehts so aus:

h1>Navigation</h1>
<p>
<a href="Pamstock08Geschichte.html"target="Daten"><b>Geschichte</b></a><br>
<br/>
<a href="Pamstock08Location.html"target="Daten"><b>Location</b></a><br>
<br/>
<a href="Pamstock08Bilder.html"target="Daten"><b>Bilder</b></a><br>
<br/>
<a href="Pamstock08Gästebuch.html"target="Daten"><b>Gästebuch </b></a><br>
<br/>
<a href="Pamstock08Downloads.html"target="Daten"><b>Downloads </b></a><br>
<br/>
<a href="Pamstock08Anmeldung.html"target="Daten"><b>Anmeldung </b></a><br>
<br/>
<a href="PamStock08Bewerbung"target="Daten"><b>Bewerbung </b></a><br>

Desweiteren möchte ich ein Gästebuch erstellen und hab dazu ein Tut im Netz gefunden und damit zwei php Dateien erstellt, nur was mach ich damit? wie binde ich sie in meine Html seite ein?

Hab mal noch eine Frage, hab eine grafik eingefügt, sieht so aus:

<p><img src="pamstock08.jpg" alt="PamStock08"></p>

Wie bekomm ich das Biild Zentriert unter die Überschrieft, bzw kann ich das Bild auch gekachelt auf der Seite darstellen?

jeebee

08-11-2007, 19:47

... wie kann ich jetzt noch die Schrift größe bzw Farbe abändern?

Zb mit inline-CSS
<a href="..." style="color=blue;">link</a> oder mit dem class-Attribut
<a class="blue" href="...">link</a> wobei bei dieser Variante natürlich die Klasse blue im CSS definiert sein muss:
.blue { color=blue; }

Desweiteren möchte ich ein Gästebuch erstellen und hab dazu ein Tut im Netz gefunden und damit zwei php Dateien erstellt, nur was mach ich damit? wie binde ich sie in meine Html seite ein?

hast du einen Webspace mit PHP-Unterstützung? Falls ja, kannst du das Gästebuch zb mit
<? include("gaestebuch_php_datei.php");?> einbinden. Dazu musst du auch noch die Seite auf der du das GB einbindest von gb_seite.html nach gb_seite.php umbennen.

Hab mal noch eine Frage, hab eine grafik eingefügt, sieht so aus:

<p><img src="pamstock08.jpg" alt="PamStock08"></p>

Wie bekomm ich das Biild Zentriert unter die Überschrieft, bzw kann ich das Bild auch gekachelt auf der Seite darstellen?

Auf css4you.de suchen ergibt zb folgendes:http://www.css4you.de/backgroundproperty.html
dort steht dann wie man mit CSS Hintergrundbilder einbinden, wiederholen und positionieren kann.

Coolzero

08-11-2007, 21:54

Zb mit inline-CSS
<a href="..." style="color=blue;">link</a>

Also so hab ich es versucht, mein Code sieht dann so aus:

<a href="Pamstock08Aktuell.html" style="color=blue;" target="Daten" ><b>News</b></a><br>

Nur leider ist der text nicht blau!

hast du einen Webspace mit PHP-Unterstützung? Falls ja, kannst du das Gästebuch zb mit
<? include("gaestebuch_php_datei.php");?> einbinden. Dazu musst du auch noch die Seite auf der du das GB einbindest von gb_seite.html nach gb_seite.php umbennen.

Wenn ich das wüßte, hab noch keinen Webspace,
hab meeine php Dateien mal angehängt die hab cih wie in nem Tut im Internet gefunden, wäre super wenn mir einer sagen könnte ob das Gästebuch so funktioniert und wie ich es dann einbinden kann!

Auf css4you.de suchen ergibt zb folgendes:http://www.css4you.de/backgroundproperty.html
dort steht dann wie man mit CSS Hintergrundbilder einbinden, wiederholen und positionieren kann.

Es geht hier nicht um ein Hintergrundbild, sondern um eine Bild as schon im Vordergrund stehen soll, und dort zentriert sein soll, aber das hab ich auch mitlerweile hin bekommen mit div align="center"><img src=

Hab aber noch was, ich habe eingabe bereiche wie hier beschrieben erstellt http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=eingabe+

aber wie kan ich da noch eingeben das die Daten gespeichert werden und wohin? Bis jetzt ists ja nur die Eingabe Maske oder!?

Danke für die Hilfe

jeebee

09-11-2007, 20:03

http://tut.php-quake.net/formulare.html lesen, nachbauen, verstehen und erweitern. Fragen dazu gehören schon eher ins PHP-Unterforum. Nach Wahl auch mit einer anderen (Script-)Sprache die auf deinem Web-Server zur Verfügung steht (beim Hoster anfragen)

edit: btw der link ist das erste Google-Resultat bei der Suche nach
php formular verarbeiten

MfG

BlueJay

12-11-2007, 07:38

<a href="..." style="color=blue;">link</a>[/html] oder mit dem class-Attribut
<a class="blue" href="...">link</a> wobei bei dieser Variante natürlich die Klasse blue im CSS definiert sein muss:
.blue { color=blue; }

Da kannst du nur ziemlich gutmütige Browser dazu bringen, blaue Schrift anzuzeigen. Die anderen möchten einen Doppelpunkt statt des Gleichheitszeichens, also

.blue { color:blue; }

so long,
BlueJay

BlueJay

12-11-2007, 07:54

zum Sound:

"Nackte" Browser können normalerweise keinen Sound, sie benötigen Active-X, Java, Flash oder andere Plugins. Deine Variante funktioklappert in ie und Konqueror-Clonen. Firefox benötigt halt ein Extra-Plugin, bei Opera musste ich bisher passen, hatte aber auch keine Lust mehr (<1% der Besucher)

Und es ist leichter, an ein funktionierendens Flash für FF zu gelangen als an ein "embedded Sound-Plugin". Irgendwo im Internet sind ein paar Stücke Flash unterwegs, mit dem man Sound in die eigene Seite einbauen kann. Eins funktioniert sogar. :D

Der genaue (funktionierende Einbau für Konqueror (Java?)

<div style="position:absolute; top:200px; left:-240px; width:240px; height:96px; background-color:#ff0">
<EMBED src="klick.wav" height="16" width="128" autostart="false"
loop="false" hidden="true" name="klicken" enablejavascript="true">
</EMBED>
</div>
script type="text/javascript">
document.writeln(mach_spielfeld());
function zaund(t) { if (t=="klick") document.klicken.play(); }
function startup() { document.form1.focus(); setTimeout('neu()',1500); }
// Konqueror (3.4.1) kann nur 1 Sound pro Site abspielen, dazu erkennt er document.embeds noch nicht
</script>

mal roh und unbearbeitet aus dem Spiel, spielt Sound bei Anklicken einer Komponente an.

so long,
BlueJay

Coolzero

12-12-2007, 07:46

Hallo, ich habe eine Seite auf der ich auch Bilder darstelle, das sieht bis jetzt so aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Bilder</title>
</head>
<body>
<body background="12708.jpg" text="#990000" link="#0000CC" vlink="#000066" alink="#000000">

<html>
<head>
<title>Grafikreferenz definieren</title>
</head>
<body>

<h1>Party</h1>

Konzes 30
<p><img src="100_4708.JPG" width="350" height="350 name="Konzes30" align="top" alt="Konzes30"></p>

<p><img src="100_4752.JPG" width="350" height="350 alt="Konzes30"></p>

<p><img src="100_4709.JPG" width="350" height="350 alt="Konzes30"></p>

<p><img src="100_4738.JPG" width="350" height="350 alt="Konzes30"></p>

<p><img src="100_4759.JPG" width="350" height="350 alt="Konzes30"></p>

</table>
</div>

</body>
</html>

Jetzt werden aber alle Bilder untereinander angezeigt! Wie kann ich sie auch nebeneinander Positionieren, denn sonst ist man ja nur am Scrollen!

undefined

12-12-2007, 12:50

Das Tag <p> erzeugt immer einen Zeilenumbruch weil es auch dafür gemacht ist ;)
Wenn dein Layout fliessen soll dann verwende <div> und sehe dir unter CSS die float und clear Attributes an.

Coolzero

12-12-2007, 21:53

Habs jetzt mal so aussehn:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gallerie - Grafikreferenz definieren</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="wrapper">
<h1>Party</h1>
<h2>Konzes 30</h2>
<br />

<div id="gallerie">

<div class="zeile">
<img src="http://stb.msn.com/i/7A/BB14C14721556CE5B7DF7C88967.jpg" alt="frau3" />
<img src="http://stb.msn.com/i/7A/BB14C14721556CE5B7DF7C88967.jpg" alt="frau2" />
<img src="http://stb.msn.com/i/7A/BB14C14721556CE5B7DF7C88967.jpg" alt="frau1" />
<img src="http://stb.msn.com/i/7A/BB14C14721556CE5B7DF7C88967.jpg" alt="frau" />
<img src="http://stb.msn.com/i/7A/BB14C14721556CE5B7DF7C88967.jpg" alt="frau3" />
<img src="http://stb.msn.com/i/7A/BB14C14721556CE5B7DF7C88967.jpg" alt="frau2" />
<img src="http://stb.msn.com/i/7A/BB14C14721556CE5B7DF7C88967.jpg" alt="frau1" />
<img src="http://stb.msn.com/i/7A/BB14C14721556CE5B7DF7C88967.jpg" alt="frau" />
</div>

<div class="zeile">
<img src="http://stb.msn.com/i/7A/BB14C14721556CE5B7DF7C88967.jpg" alt="frau3" />
<img src="http://stb.msn.com/i/7A/BB14C14721556CE5B7DF7C88967.jpg" alt="frau2" />
<img src="http://stb.msn.com/i/7A/BB14C14721556CE5B7DF7C88967.jpg" alt="frau1" />
<img src="http://stb.msn.com/i/7A/BB14C14721556CE5B7DF7C88967.jpg" alt="frau" />
<img src="http://stb.msn.com/i/7A/BB14C14721556CE5B7DF7C88967.jpg" alt="frau3" />
<img src="http://stb.msn.com/i/7A/BB14C14721556CE5B7DF7C88967.jpg" alt="frau2" />
<img src="http://stb.msn.com/i/7A/BB14C14721556CE5B7DF7C88967.jpg" alt="frau1" />
<img src="http://stb.msn.com/i/7A/BB14C14721556CE5B7DF7C88967.jpg" alt="frau" />
</div>

</div>

Das dazugehörige style.css

body{
padding: 0px;
margin: 0px;
background-color: #efefef;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#wrapper{
padding: 0px;
margin: 0px auto;
width: 900px;
background-color: #FFFFFF;
}

h1{
padding: 0px;
margin: 0px;
margin-left: 20px;
color: #00FF00;
font-size: 20px;
font-family: "Courier New", Courier, monospace;
}

h2{
color: #FF0000;
font-size: 15px;
padding: 0px;
margin: 0px;
margin-left: 40px;
text-decoration: underline;
}

#gallerie{
padding: 0px;
margin: 0px;
margin-left: 100px;
padding-bottom: 20px;

Aber die Bilder stehen immer noch alle untereinander und nicht nebeneinadner und nun habe ich einen ungewollten weißen hintergrund!

Coolzero

12-12-2007, 22:23

Desweiteren habe ich versucht eine mp3 Datei als hintergrund Musik einzubinden mit diesem Befehl:

<body>
<embed src="samuraj.wav" loop=true autostart=true hidden=true>
</body>

Nur leider kommt kein Sound, Opera sagt ich benötigte ein plug-in, aber welches? Das gleiche kommt bei Firefox, Konqueror gibt garnichts aus!

Das seltsame ist nun, Opera und auch firefox spilen garnichts ab,bringen aber auch keine Fehler meldung, Konquerer spielt das Lied, sogar mit einer kleinen Visualizierung ab!

Wieso?

Coolzero

16-12-2007, 19:48

Also das mit der Hintergrund Musik funktioniert jetzt, aber nur auf der Startseite, nicht auf den einzelnen Links!
Heißt wenn ich z.b. ins Gästebuch wechsel ist die Musik aus!
Ich habe ein Frameset erstellt, das so aussieht:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>PamStock08</title>
<embed src="lets.wav" loop=true autostart=true hidden=true>
</head>
<frameset cols="20%,80%" bordercolor="#FFFF00" >

<frame src="Verweise.html" name="Navigation">
<frame src="Pamstock08.html" name="Daten">
<noframes>
<body>
<p><a href="verweise.htm">Navigation</a> <a href="startseite.htm">Daten</a></p>
</body>
</noframes>
</frameset>
</html>

So das im linken Frame immer eine Feste Seite angezeigt wird, wo die einzelnen Links sind und im rechten Frame wird dann immer die Seite geöffnet, aber wie bekomme ich es jetzt hin, das die Musik immer im Hintergrund weiterläuft egal welchen link ich auf der Seite aufruf!?

BlueJay

16-12-2007, 20:22

Aber die Bilder stehen immer noch alle untereinander und nicht nebeneinadner und nun habe ich einen ungewollten weißen hintergrund!

Hier werden sie zeilenweise angezeigt, zumindest, wenn man den Text nimmt, der zum div namens gallerie gehört. (Konqueror, Firefox 3beta, Opera9)

Die Klasse "zeile" habe ich in deinen css-Definitionen nicht gefunden.

Gibt's eine Webseite, wo man das Zusammenspiel mal betrachten kann?

so long,
BlueJay

Coolzero

18-12-2007, 10:07

Soweit siehts langsam ganz gut aus, ich habe nur noch ein Problem mit einem Formular, das sieht bei mir so aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>Anmeldung</title>
</head>
<body> <embed src="lets.wav" loop=true autostart=true hidden=true>
<body background="pamstock08.jpg" text="#990000" link="#0000CC" vlink="#000066" alink="#000000">
<h1>Formular für Anmeldung</h1>

<p><span style="color:green">

<form action="http://www.onlex.de/_formmailer.php4?username=Coolzero" method="POST" target="_blank">
<p>Vorname:<br><input name="vorname" type="text" size="30" maxlength="30"></p>
<p>Nachname:<br><input name="nachname" type="text" size="30" maxlength="40"></p>
<p>Alter:<br><input name="alter" type="text" size="30" maxlength="40"></p>
<p>Ort:<br><input name="ort" type="text" size="30" maxlength="40"></p>
<p>Email:<br><input name="Email" type="text" size="30" maxlength="40"></p>

</span>

</html>

<h1>Mitteilungen</h1>
<p><span style="color:green">

<p>Willst du mir was Mitteilen?:<br>
<textarea name="user_eingabe" cols="50" rows="10"></textarea>
</p>

<h1>Wann bist du dabei??</h1>

<p>
<select name="Anwesend" size="3" multiple>
<option>Freitag</option>
<option>Samstag</option>
<option>Sonntag</option>
<option>Alle 3 Tage</option>
</select>
</p>

<td align="right">Formular:</td>
<td>
<input type="submit" value=" Absenden ">
<input type="reset" value=" Abbrechen">
</td>
</tr>
<input type="hidden" name="empfaenger" value="pam82@web.de"/>

</form>
</span>
</body>

Da ich php nicht behersche hab ich das evrsenden der Formular Daten mit Mailto: gelöst, funktioniert auch gut, bis darauf das ich bei der Auswahl Liste:

<p>
<select name="Anwesend" size="3" multiple>
<option>Freitag</option>
<option>Samstag</option>
<option>Sonntag</option>
<option>Alle 3 Tage</option>
</select>
</p>

zwar alle 3 Tage auswählen kann, aber nur einen gesendet bekomme!

Wie kann ich das Problem noch lösen so das ich alle makierten Tage auch mitgeteilt bekomme?

Danke

Coolzero

14-01-2008, 18:02

Hallo, habs jetzt so das überall die hintergrund musik läuft, außer bei Opera, wieso auch immmer!

Nur läuft die Musik ununterbrochen, gibt es eine möglichkeit das so zumachen das der Seiten Besucher die Musik auch abstellen kann?

Hab auch noch das Problem das die Seite bei einem Freund von mir der eine niedriegere Auflösung hat nicht sehr gut dargestellt wird, es fehlen teile der Schrift und die Bilder werden gekachelt!

Wie kann ich das beheben!?

BlueJay

15-01-2008, 12:38

<p>
<select name="Anwesend" size="3" multiple>
<option>Freitag</option>
<option>Samstag</option>
<option>Sonntag</option>
<option>Alle 3 Tage</option>
</select>
</p>

zwar alle 3 Tage auswählen kann, aber nur einen gesendet bekomme!

Tipp: verpasse den options mal values, etwa so:

<option value="fr">Freitag</option>
<option value="sa">Samstag</option>
<option value="so">Sonntag</option>
<option value="fr-sa-so">Alle 3 Tage</option>

Das kMail will alle selektierten Tage abschicken:
(Mailinhalt: ) Anwesend=sa&Anwesend=so

so long,
BlueJay

Coolzero

15-01-2008, 17:30

Tipp: verpasse den options mal values, etwa so:

<option value="fr">Freitag</option>
<option value="sa">Samstag</option>
<option value="so">Sonntag</option>
<option value="fr-sa-so">Alle 3 Tage</option>

Das kMail will alle selektierten Tage abschicken:
(Mailinhalt: ) Anwesend=sa&Anwesend=so

so long,
BlueJay

Das hab ich so gemacht,so klappts jetzt! Danke für den Tip