Einige HtmL Fragen

Coolzero · 7 November 2007

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:

Code:

<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:

Code:

<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:

Code:

<h1>Navigation</h1>
<p>
<a href="Pamstock08Location.html"target="Daten"><b>Lo cation</b></a><br>
<a href="Pamstock08Bilder.html"target="Daten"><b>Bild er 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>Bewer bung 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

Sn0opy · 7 November 2007

Zu deinem ersten Problem:

Also ich hab rein gar keine Probleme damit. Beri mir wird alles richtig dargestellt. Evtl. gast du dich verschrieben? Ich hab deinen Code benutzt und folgendes in den Body gesetzt:

HTML:

<span id="GrosserText">Dies ist ein Test</span><br />
<span id="KleinererText">Dies ist ein Test</span><br />
<span id="NochKleinererText">Dies ist ein Test</span>

Funktioniert super bei mir.

------------------------------------------------------------

Benutz statt .mp3 eine .wav datei. Für mp3-Dateien sollte jeder ein Plugin benötigen denke ich. Bei wav-Dateien sollte es allerdings bei allen klappen.

------------------------------------------------------------

Benutz mal diesen CSS Code:

HTML:

#aenderungen {
  color: red;
  font: 20px Verdana;
}

Diese verwendeste einfach wie folgt:

HTML:

<h1>Navigation</h1>
<p id="aenderungen">
<a href="Pamstock08Location.html" target="Daten"><b>Lo cation</b></a><br />
<a href="Pamstock08Bilder.html" target="Daten"><b>Bild er 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>Bewer bung HTML</b></a><br />
</p>

(Hab den Code unter anderem mal etwas berichtigt)

Dadurch ändert sich die Schriftfarbe und Schriftgröße. Wenn du nun die Höhe der Linien ändern willst, kannst du das mit folgendem Code machen

HTML:

.hoeherezeile {
  line-height: 40px;
}

und müsstest dann jeden Link so abändern:

HTML:

<a href="Pamstock08Location.html" target="Daten" class="hoeherezeile"><b>Lo cation</b></a><br>

Alles andere würde glaub nun zu abschweifend werden und teils auch etwas schwer zu erklären. Am besten suchst du im Internet einfach mal nach "HTML CSS Tutorials".

R0b · 7 November 2007

zum 1. problem mach mal das , hinter font-family weg und mach da ein ; vll gehts dann ;)

zu deinem letzten prob mit den links:
1. mach mal beim letzten verweis ein .html hinter damit der browser weiß wohin er linken soll.
2. br ist ein zeielnumbruch d.h. in der nächsten zeile gehts weiter, du kannst auch mehrere br's hintereinander machen damit mehr platz entsteht
oder du nimmst einfach nur p für absätze dadurch entsteht ne leerzeile
ich hoffe ich konnte helfen

GREEndestiny · 7 November 2007

Zur Deiner letzte Frage:
Ich würde eine Linkliste machen und mit css Abstände und Aussehen definieren.

HTML:

<ul class="linkliste">
<li><a href="Pamstock08Location.html" target="Daten">Lo cation</a></li>
<li><a href="Pamstock08Bilder.html" target="Daten">Bild er HTML</a></li>
<li><a href="Pamstock08Gästebuch.html" target="Daten">Gästebuch</a></li>
<li><a href="Pamstock08Downloads.html" target="Daten">Downloads</a></li>
<li><a href="Pamstock08Anmeldung.html" target="Daten">Anmeldung</a></li>
<li><a href="PamStock08Bewerbung" target="Daten">Bewer bung HTML</a></li>
</ul>

und dazu in CSS-Datei zB.:

Code:

.linkliste { list-style:none; margin:0; padding:0; font-weight:bold}
.linkliste li { margin: 1em 0;}

Coolzero · 7 November 2007

re

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:

Code:

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?

Sn0opy · 7 November 2007

Also ich muss ja ganz ehrlich sagen. Du hast dir einen Linuxrechner aufgesetzt, kommst aber mit einer der einfachsten Sache des Internets nicht zurecht. -> Google zu nutzen...

Die Möglichkeit, wie du Schriftfarbe etc. ändern kannst, habe ich dir oben bereits beschrieben, was du dir dann einfach noch etwas umdenken musst.

HTML:

<!-- In den Head: -->
.farbeundgroesse {
  color: red;
  font: 20px Verdana;
}

<!-- Abaenderung deiner Liste im Body -->

<a href="Pamstock08Geschichte.html"target="Daten" class="farbeundgroesse"><b>Geschichte</b></a><br>

Wobei du class auch in die bold-Tags schreiben kannst, oder aber einen weiteren Tag benutzt -> <span class="farbeundgroesse">Wort</span>

Coolzero · 12 Dezember 2007

re

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

Code:

<!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!

Budspencer · 12 Dezember 2007

hi

So ich habe einfach aus spass mal was gemacht,nix besonderes, hoffe es hilft dir irgwie weiter.

Code:

<!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>

</div>

</body>
</html>

Das dazugehörige style.css

Code:

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;
}

.zeile{
    margin-bottom: 20px;
}

.zeile img{
    padding-left: 10px;
}

mfg

Maxi · 12 Dezember 2007

@ Budspencer

bitte die Forenregeln durchlesen und Code-Tags verwenden, wenn du hier Codes postest.

Danke.

Coolzero · 12 Dezember 2007

@ Budspencer
Danke, aber die Bilder stehn immer noch alle untereinander und nicht nebeneinander, und ich habe jetzt einen weißen Hintergrund, denn ich nicht haben möchte!

Code:

Desweiteren habe ich versucht eine mp3 Datei als hintergrund Musik einzubinden mit diesem Befehl:
[code]<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![/CODE]

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?

Budspencer · 13 Dezember 2007

also hintergrundfarben kannst du hier ändern:

Code:

body{
    padding: 0px;
    margin: 0px;
[B][COLOR=Red]    background-color: #efefef;[/COLOR][/B]
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#wrapper{
    padding: 0px;
    margin: 0px auto;
    width: 900px;
[B][COLOR=Red]    background-color: #FFFFFF;[/COLOR][/B]
}

und das bei dir nicht 8 bilder nebeneinander stehen und dann die nächste zeile mit bildern dann drunter versteh ich nicht.hast du denn eine css datei an deine html datei angefügt?

was hab ich den verbrochen bezüglich forenregeln??

Coolzero · 13 Dezember 2007

re

So jetzt hab ichs so etwa, werden immer zwei bilder nebeneinander angezeigt und dann kommt die nächste reihe! Wieso werden nicht mehr nebeneinadner angezeigt??
Meine Bilder Datei sieht so aus:

Code:

<!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>

<html>
<head>
<title>Bilder</title>
</head>
<body>
<body background="pamstock08.jpg" text="#990000" link="#0000CC" vlink="#000066" alink="#000000">

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


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

    <div class="zeile">


<img src="100_4708.JPG" width="350" height="350 name="Konzes30" />

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

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

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

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

 </div>

<h1>Jochis Sch&uuml;tten</h1>

<div class="zeile">

<img src="DgfSC00146.JPG" width="350" height="350 name="Jochi" />

<img src="DSC00140.JPG" width="350" height="350 alt="Jochi" />

<img src="DSC00145.JPG" width="350" height="350 alt="Jochi" />

<img src="DSC00149.JPG" width="350" height="350 alt="Jochi" />

<img src="DSC00150.JPG" width="350" height="350 alt="Jochi" />

<img src="DSC00153.JPG" width="350" height="350 alt="Jochi" />

<img src="DSC00156.JPG" width="350" height="350 alt="Jochi" />


 </div>


 </table>
</div>

</body>
</html>

und die style.css hab ich komplett von dir übernommen!

Die Musik funktioniert jetzt auch entlich!

Die Seite soll auch eine Anmeldung erhalten, wo man sich halt Anmelden kann mit name, Email, ggf. Bild etc, soweit wie ich gelesen hab sollte man das mit php machen!?
Da ich davon aber überhaupt keinen Schimmer hab, meine frage gibts sowas acuh schon fertig irgendwo was mir einer Empfehlen kann!?

Danke

Budspencer · 13 Dezember 2007

hast du auch das css so benannt:

Code:

<link href="[COLOR=Red][B]style.css[/B][/COLOR]" rel="stylesheet" type="text/css" />

Coolzero · 13 Dezember 2007

re

Genau so heißt es

Maxi · 14 Dezember 2007

Coolzero schrieb:
Genau so heißt es

und liegt die css-Datei im gleichen verzeichnis wie die HTML-Datei?

Coolzero · 14 Dezember 2007

Ja da liegt sie!

Sn0opy schrieb:
Zu deinem ersten Problem:
Benutz statt .mp3 eine .wav datei. Für mp3-Dateien sollte jeder ein Plugin benötigen denke ich. Bei wav-Dateien sollte es allerdings bei allen klappen.
erklären. Am besten suchst du im Internet einfach mal nach "HTML CSS Tutorials".

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:

Code:

<!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" >
  <!-- Dadurch ergeben sich zwei Frame-Fenster, deren Inhalt hier bestimmt wird -->
<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!?

Hallo, ich hab folgendes in meinem Quelltext stehn:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Geschichte</title>
</head>
<body>
<head>
<h1 align="center"  style="font-size:500%; color:white">Wie alles begann.......</h1>
<div align="center"><a href=http://www.wer-kennt-wen.de/club.php?id=8hrc3iqq"><img src="sportfreunde.jpg" ></div>
</head>
<body bgcolor="black">
</body>
<font color="white">


<html>
<head>
<title>Stylesheet-Bereiche definieren</title>
<style type="text/css" media="screen">
#GrosserText { font-size:40px; font-family:"Arial Black",Arial,sans-serif; color:white; }
</style>
</head>
<body>

<h1 id="GrosserText">Alles begann mit der Aussage des Sportskameraden Michael Steib </h1>
<div algin="center"><a href="http://www.wer-kennt-wen.de/person.php?id=ddjvie39"><img src="steib.jpg" width="160" height="160" border="0" alt="Home"></a> 
<h1  id="GrosserText">Dieser behauptete er w&uuml;rde in der Saison 07/08 54Tore schie&szlig;en.
<p> So eine totsichere Wette konnte ich mir nat&uuml;rlich nicht entgehen lassen und wettete dagegen!</p>

Mein Problem ist, das ich hier:

Code:

<div align="center"><a href=http://www.wer-kennt-wen.de/club.php?id=8hrc3iqq"><img src="sportfreunde.jpg" ></div>

einen Link definiert habe der als Bild zentriert auf Seite angezeigt werden soll, jedoch wird er Links Bündig angezeigt, zudem ist nicht nur das Bild eine Link verknüpfung, sonder auch der weiter unten folgende Text:

Code:

<h1 id="GrosserText">Alles begann mit der Aussage des Sportskameraden Michael Steib </h1>

wird als Link blau unterlegt, und das solte nicht so sein!

Wo liegt da der fehler??

Desweiteren sollte dies hier:

Code:

<div algin="center"><a href="http://www.wer-kennt-wen.de/person.php?id=ddjvie39"><img src="steib.jpg" width="160" height="160" border="0" alt="Home"></a>

zentriert auf der Seite angezeigt werden, aber auch das wird es nicht, wieso?

Danke

MOD EDIT: Keine Doppelposts bitte.

Einige HtmL Fragen

Coolzero

Mitglied

Sn0opy

Neues Mitglied

R0b

Neues Mitglied

GREEndestiny

Neues Mitglied

Coolzero

Mitglied

Sn0opy

Neues Mitglied

Coolzero

Mitglied

Budspencer

Neues Mitglied

Maxi

Neues Mitglied

Coolzero

Mitglied

Budspencer

Neues Mitglied

Coolzero

Mitglied

Budspencer

Neues Mitglied

Coolzero

Mitglied

Maxi

Neues Mitglied

Coolzero

Mitglied

Neueste Beiträge