Beiträge von Stef

Stef · 2. Juni 2016

Hey MrMurphy,

vielen Dank. Hat geholfen. Und danke für den Tipp.

Könntest du bitte wenn möglich dein quellcode kurz beschreiben was diese Eigenschaften machen ?
Ich wäre sehr dankbar darüber.

Stef

Stef · 2. Juni 2016

Hey zusammen,

mich beschäftigt eine Frage seit langem.
Diese lautet: Warum wird bei den Navigationslinks meistens eine php datei zum laden verwendet hat dies irgendein Sinn ?

Ich denke um Informationen (IP, usw.) abzufangen . Aber das ist nur ne Vermutung, kann mich auch täuschen.

Freue mich auf ne Antwort.

Stef

Stef · 2. Juni 2016

Hey alle zusammen,

ich habe mal wieder bissl ausprobiert mit CSS und nun habe ich ein Problem. Ich habe 2 Sätze in einer Linie der 1ne Satz ist im normalen <p> und der andere eingebunden mit <span>, beide werden im Stylesheet angesprochen.
Nun möchte ich aber den <span> Teil nach rechts außen ganz an den rand bekommen, und da komm ich nicht weiter. Habe es schon mit text-align: right; versucht aber hat nicht funktioniert.

Villt weiß jemand von euch wie man es macht ?

Hier mein HTML:

HTML

<!Doctype html>
<html>
	<head>
    	<meta charset="UTF-8"/>
    	<meta robots= "index,follow"/>
    	<meta http-equiv="content-type" type="text/html" />
    	<meta discription="Neon-Seite, alles über Neon-Texten in HTML"/>

    	<link rel="stylesheet" href="neon.css" type="text/css"/>

    	<title>Neon - Wunderbares geschaft in HTML</title>

	</head>
	<body>
    	<h1 id="ueberschrift">Dies hier ist ein Beispiel für Neon-Texten, designt mit CSS!</h1>
    	<div class="neon">
        	<p id="blau">NEON-Text mit Blau <span id="gelb">NEON-Text mit Gelb</span></p>
        	<p id="gruen">NEON-Text mit Grün <span id="rot">NEON-Text mit Rot</span> </p>
    	</div>

    	<h2 id="uber">Dies ist ein Beispiel für Schatten</h2>

	</body>
</html>

Alles anzeigen

Und mein CSS:

CSS

h1#ueberschrift
{
	color:red;
	text-shadow: 3px 3px 3px black, -3px 3px 3px black, 3px -3px 3px black, -3px -3px 3px black;
}




div.neon
{
	background-color: black;
	color: white;
	font-size: 5em;
	padding-left: 30px;
	padding right: 30px;
	padding-top: 5px;
	padding-bottom: 5px;

}




#blau
{
	text-shadow: 0px 0px 10px white, 0px 0px 20px blue, 0px 0px 20px blue, 0px 0px 30px blue,
            	0px 0px 40px blue, 0px 0px 50px blue, 0px 0px 60px blue, 0px 0px 70px blue, 
            	0px 0px 80px blue, 0px 0px 90px blue;
}




#gelb
{
  text-shadow: 0px 0px 10px white, 0px 0px 20px yellow, 0px 0px 20px yellow, 0px 0px 30px yellow,
            	0px 0px 40px yellow, 0px 0px 50px yellow, 0px 0px 60px yellow, 0px 0px 70px yellow, 
            	0px 0px 80px yellow;


}




#gruen
{
 text-shadow: 0px 0px 10px white, 0px 0px 10px green, 0px 0px 20px green, 0px 0px 30px green, 0px 0px 40px green, 0px 0px 50px green;   
}




#rot
{
	text-shadow: 0px 0px 10px white, 0px 0px 10px red, 0px 0px 20px red, 0px 0px 30px red, 0px 0px 40px red, 0px 0px 50px red, 0px 0px 60px red, 0px 0px 70px red, 0px 0px 80px red, 3px 3px 3px cyan, -3px 3px 3px cyan, 3px -3px 3px cyan, -3px -3px 3px cyan;
}




h2#uber
{
	color: blue;
	text-shadow: 2px 2px 2px red, -2px 2px 2px red, 2px -2px 2px red, -2px -2px 2px red;
}

Alles anzeigen

Freue mich schon auf eure Hilfe.

MFG,
Stef

Stef · 29. Mai 2016

Ok. Vielen Dank.
Es hat geklappt.

Stef · 26. Mai 2016

Morgen,

ich habe ein problem. Ich habe jetzt mal eine Testseite erstellt mit Bildern und Texten. Nun wenn ich diese mir ansehen steht der Text aber nie neben dem Bild (rechts) sondern entweder ober dem Bild oder unter dem Bild.
Wie kann man es denn machen, den Text neben das Bild zu bekommen?

Dies ist mein Html-Code:

HTML

<!DOCTYPE HTML>




<html>




<head>
	<meta charset="UTF-8"/>
	<meta http-equiv="content-type" content="text/html"/>
	<meta robots="index,follow"/>
	<meta description="Hundeschule Berlin, du findest alle Infos über Hunde, und vieles mehr hier"/>
	<meta name="viewport" content="width=device-width, initial-scale 1.0"/>




	<title>Geschichte</title>
</head>
	<body>
	<nav>
        	<ul class="links">
            	<li><a href="index.html">Startseite</a></li>
            	<li> <a href="hist.html">Geschichte</a></li>
            	<li> <a href="team.html">Das Team</a></li>
                	<ul class="unter-links">
                   	<li> <a href="pflege.html">Pflege</a></li>
                   	<li> <a href="nahrung.html">Nahrung</a></li>
                	</ul>
            	<li><a href="training.html">Hundetraining</a></li>
            	<li><a href="chefs.html">Leiter</a></li>
        	</ul>
    	</nav>
        	<hr>
            	<h1><strong><u>Die Geschichte des Hundes</u></strong></h1>
            	<img src="http://animalfreedom.org/css/images/fokken/grijze%20wolf.jpg" alt="Wolf" title="Wolf" border="0"/>
            	<p >Der Hund stammt vom grauen Wolf ab. Die erste nachweisbare Beziehung des Wolfes mit den Menschen ist 12.000 Jahre her.
            	<br> Der Wolf und der Mensch hatten an der entstandenen Situation einen Vorteil. Der Wolf wurde von uns, Menschen, benutzt zur
            	<br> Jagd, beim zusammenhalten der Herde und gegen Feinde. Der Mensch sorgte um die Versorgung des Wolfes. Die Wölfe sind <br>sehr soziale Tiere.
            	Sie leben in Gruppen, mit einer Rangordnung.
            	In den weiteren Jahren veränderten die Wölfe sich sehr von <br>ihrem Aussehen und Verhalten und wurden zu den Hunden.</div>
            	<br>
            	<br>
            	Hier unten sehen sie schöne Hundebilder:
            	<br>
            	<br>
            	<img src="https://pixabay.com/static/uploads/photo/2012/04/24/12/07/arrow-39658_960_720.png" alt="Pfeil" height="120" width="160" />
            	</p>
            	<img src="http://media.einfachtierisch.de/thumbnail/600/0/media.einfachtierisch.de/images/2013/02/Jack-Russell-Terrier-Hund-Welpe-Wiese.jpg" alt="Hund" title="Hund" />
            	<img src="http://www.hundeerziehung-online.com/wp-content/uploads/hund_frisst_gras.jpg" alt="Entspannter Hund" style="float:right" title="Entspannter Hund"/>
             	<br>
             	<br>
            	<footer>
            	<br><br>
            	<br><br>
            	<br><br>
            	<hr>
            	<p>This page is only a test page for learning HTML5. This made by a beginner-ag, the name of this AG is "HTML5-Berlin"
            	<br>
            	<br>
            	<br>
            	&copy;2016 HTML5-Berlin AG </p>
            	</footer>
	</body>




</html>

Alles anzeigen

CSS habe ich noch nichts gemacht.

Ich möchte das 1 ne Bild mit dem Wolf neben dem text haben.

Freue mich auf eure Antwort.

Stef

Stef · 22. Mai 2016

Hey Arren,

ich kann dir nur beim Aufbau von HTML bei diesem Sendeformular helfen. Da das andere mit glaub ich PHP gemacht wird und ich davon keine Ahnung habe.

1. Gibt es den überhaupt einen <text>-Element in HTML5 ?
2. Warum hast du bei Eingabe von deinem Namen eine textarea?

So würde ich es machen :

HTML

<!DOCTYPE html>
   <html lang="de">
<head>
 <meta charset="UTF-8">
 <title>Sendeformular</title>
</head>
     <body>
        <form>
           <div id="form-title" class="title">
              <h1>Kenndaten versenden</h1>
                <p>Dieses Formular dient dem Versand der aktuellen Daten!</p>
           </div>
              <div id="fieldcontainer" class="field1">
               <label for="field8">Name:</label>
                   <input type="text" id="field8" name="name" required="required"/>
    <br>
    <br> 
                 <label for="field9">Password:</label>
                   <input type="password" id=field9 name="password" required="required">
               </div>
    <br>
                     <div id="submit" class="field3">
                        <button type="submit">Absenden!</button>
                    </div>
        </form>
    </body>
</html>

Alles anzeigen

Stef

Stef · 17. Mai 2016

Kein Problem

Es funktioniert
Vielen Dank.

Stef · 17. Mai 2016

Ja das ist der Placeholder aber den habe ich nicht zentriert er ist immer zentriert. Frag mich nicht warum.

Nochmal mein Problem:

Ich möchte ein Textfeld zu schreiben des Anliegens. Nun aber kann ich nicht in mehreren Zeilen schreiben sondern nur in 1ner, und mein Satz kann nur dort in der Mitte beginnen.
Wie kann ich denn so ne Box erstellen wo ich in mehreren Zeilen schreiben kann und der Text ganz oben beginnt?

Stef · 17. Mai 2016

Hey,

Habe es nun so geändert:

CSS

.Send
{
width: 300px;
height: 200px;
line-height: 200px;
}

Aber dies hat nicht geholfen, das Problem ist weiterhin da. Es sieht weiterhin so aus, siehe hochgeladenes Bild

Stef · 17. Mai 2016

Morgen zusammen,

habe ein Problem. Habe grad mal einige Formulare getestet und wollte nun mal die height und width diese TextFeldes erhöhen. Nun jedoch wenn ich dies mache bleibt der mauszeiger immer nicht am Anfang stehen sondern geht immer in die Mitte, das selbe mit dem Placeholder.

Hier ist mein HTML-Code:

HTML

<!DOCTYPE html>
<html>




<head>
	<title>Seite nur HTML</title>




	<meta charset="UTF-8">
	<meta name="description" content="">
	<meta name="author" content="Stef Industries">
	<meta name="keywords" content="">




	<link rel="stylesheet" type="text/css" href="kontakt.css" />




</head>
<body>
	<nav>
    	<div class="navi-top">
        	<ul>
	<li><a href="index.html">Start</a></li>
	<li><a href="about.html">About</a></li>
	<li><a href="project.html">Projects</a></li>
	<li><a href="kontakt.html">Kontakt</a></li>
	<li><a href="impressum.html">Impressum</a></li>
	<li><a href="faq.html">FAQ</a></li>
        	</ul>
    	</div>
	</nav>




	<hr/>




	<h1>Kontaktformular</h1>
	<form>
	<label for="Vorname">Ihr Vorname</label>
	<input type="text" id="Vorname" maxlength="10" placeholder="Name" />
	<label for="Nachname">Ihr Nachname</label>
	<input  type="text" id="Nachname" placeholder="Nachname" maxlength="10"/>
	<br/>
	<br/>
	<label for="Anliegen">Bitte Tragen sie ihr Anliegen hier ein:</label>
	<br/>
	<input type="text" id="Anliegen" maxlength="220" class="Send" placeholder="Ihr Anliegen"/>
	</form>

Alles anzeigen

und css:

CSS

.Send
{
	height: 200px;
	width: 450px;
}

Hoffe ihr könnt mir Helfen!

Steff

Stef · 15. Mai 2016

Hey zusammen ,

ich bin neu in HTML.
Meine Fragen sind:
1.Welche sind die wichtigsten und nützlichen Tags/Attribute und welche braucht man aufjedenfall allgemein und von meiner Sammlung?
2. Habe mich immer gefragt warum bei

Code

<div id = "name">

oder

Code

<div class ="name">

immer so lange komplizierte Wörter stehen. Kann ich denn dabei auch meine einfachen Wörter nehmen wie z.B.

Code

<div class = "Menu-Left"

oder

Code

<div id ="top"

, oder sind diese vorgeschrieben?

Vielen Dank für eure Hilfe im vorraus!

MFG,
Stef

Beiträge von Stef

Text nach rechts direkt an den Rand bringen

PHP-Navigation. Warum?

Text nach rechts direkt an den Rand bringen

Text im p-element neben das Bild setzen

Text im p-element neben das Bild setzen

Sendeformular

Mauszeiger bleibt immer in der Mitte bei TextFormular

Mauszeiger bleibt immer in der Mitte bei TextFormular

Mauszeiger bleibt immer in der Mitte bei TextFormular

Mauszeiger bleibt immer in der Mitte bei TextFormular

Wichtigste & Nützliche Tags/Attruibute HTML5