U-Labs Community - HTML

Umbr�che in HTML Tags valide?

PartyFreak — Tue, 23 Jun 2015 14:55:17 GMT

Hi,

ich m�chte Html-Tags dynamisch generieren, da kommt es vor, dass ich z.B. anhand einer Bedingung eine Klasse oder ein Attribut einf�gen m�chte:

HTML-Code:

>

...

Wenn ich das alles in eine Zeile lege wird es aber sehr un�bersichtlich, ich w�rde es daher lieber so machen:

HTML-Code:


        
                        echo 'class="' . $class . '"';

        ?>

        >

        ...

Durch die Umbr�che kommt aber das fertige HTML durcheinander...
Anstatt

HTML-Code:

"Header">...

bekomme ich dann z.B.

HTML-Code:


        class="Header"

        >...

Zu funktionieren scheint es ja, aber ist das schlimm? Also darf man Umbr�che dazwischen haben oder ist das eigentlich verboten und dass es funktioniert liegt nur daran dass mein Browser sehr fehlertolerant ist? M�chte ungerne dass ich jetzt damit etwas mache und sp�ter feststelle dass es Probleme gibt...

HTML: Bilder anordnen mit Links?

Baumstumpf — Tue, 24 Mar 2015 19:10:38 GMT

Hi,

eigentlich dachte ich, ich k�nnte das, jedoch bin ich momentan am verzweifeln an den Basis-Sachen :D

Mein Problem ist (ich wei�, es ist noch nicht 100% richtig angeordnet),
ich habe einen div-bereich mit nem hintergrund und positioniere dadrauf mit padding und einer fixed-position bilder.
Diese Bilder sollen einen Link haben.

Auf zwei der Bilder kann ich klicken, auf die restlichen jedoch nicht...
Was mache ich falsch? :D

HTML-Code:

"width:379px; height:586px; background-image: url('images/Person.png'); border: 2px solid;">

    "position:fixed; padding-top:45px; padding-left:142px;">"unequip/head">"images/figure-empty.png" width="90" height="90" border="0" alt="Head">

    "position:fixed; padding-top:180px; padding-left:142px;">"unequip/torso">"images/figure-empty.png" width="90" height="90" border="0" alt="Torso">

    "position:fixed; padding-top:220px;">"unequip/rightHand">"images/figure-empty.png" width="90" height="90" border="0" alt="Right Hand">

    "position:fixed; padding-top:220px; padding-left:290px;">"unequip/leftHand">"images/figure-empty.png" width="90" height="90" border="0" alt="Left Hand">

    "position:fixed; padding-top:480px; padding-left:142px;">"unequip/feet">"images/figure-empty.png" width="90" height="90" border="0" alt="Feet">

Live-Demo: http://web541.asphosting.co.at/Person/

Liebe Gr��e
Baumstumpf

Angeh�ngte Grafiken

Mobile Darstellung's Problem

Bazs — Wed, 18 Feb 2015 19:17:03 GMT

ich habe ein Problem und zwar, wenn ich �ber Handy rauf gehe, sieht es folgenderma�en aus:

Im Vertikalen Bild sieht man, wie der HG richtig aussieht, aber im Horizontalen nicht.Dazu kommt auch, das im Horizontalen Bild der Text eine gro�e L�cke ist, obwohl ich es richtig angepasst habe und im Vertikalen ist der Text weit oben, zu weit.Was ist das Problem? Hier der HTML und Tut mir leid, hab das schnell kopiert und nicht darauf geachtet, die HP ist auch abgelaufen, hier nochmal in Sch�n:
HTML:

PHP-Code:


$(document).ready(function () {

    $('body').bgStretcher({

        images: ['images/slide-1.jpg', 'images/slide-2.jpg'],



        imageWidth: 1600,

        imageHeight: 964,

        resizeProportionally: true,

        slideDirection: 'N',

        slideShowSpeed: 2000,

        transitionEffect: 'fade',

        sequenceMode: 'normal',

        pagination: '#nav'

    });

});

script>

CSS:

PHP-Code:


/**********bgstretcher*************/



.bgstretcher {

        background:black

    overflow: hidden;

    width: 100%;

    height:100%;

    position: fixed !important;

    z-index: 1;

    top: 0;

    left: 0;



}

.bgstretcher UL,

.bgstretcher UL LI {

    position: absolute;

    top: 0;

    left: 0;

    z-index:1;

}

.bgstretcher UL,

.bgstretcher UL LI {

    margin: 0;

    padding: 0;

    list-style: none;

}



.bgstretcher-area,.bgstretcher-page{height:100%}



.nav-buttons{text-align:center;padding-bottom:17px;}

#nav{overflow:hidden;display:inline-block}

#nav li{float:left;overflow:hidden;margin:0 10px}

#nav li a{display:block;background:url(../images/pags.png) no-repeat 0 0;

width:19px;height:19px;

line-height:0;font-size:0;

}

#nav li a:hover,#nav li.showPage a{background-position: 0 bottom}

Sonst hier noch die HP: Youventa - Wohlbefinden & Schönheit
Danke schonmal f�r eure Hilfe.

Angeh�ngte Grafiken

Wie passe ich meine Seite an?

Bazs — Thu, 08 Jan 2015 13:20:41 GMT

Guten Tag Community,

ich versuche die ganze Zeit meine Seite wie auf den folgenden Screen anzupassen aber bei mir sieht es nicht so aus wie ichs wollte, hier erstmal die screens:
[HIDE]
So soll es aussehen:

Spoiler:

So sieht es aber aus:

Spoiler:

Der HTML Code (den hat mein Kollege so erstellt) sieht folgenderma�en aus:

Spoiler:

[/HIDE]
Hoffentlich k�nnt ihr mir helfen :x

Die Orange farbigen Punkte sollen Social Icons sein sprich Facebook, Twitter und Google.

Miniaturansichten angeh�ngter Grafiken

$(window).height() liefert zu hohe Gr��e?

Flo — Thu, 20 Nov 2014 22:08:50 GMT

Flo hier,

ich arbeite gerade an einer kleinen Seite und versuche DIVs per Javascript die volle H�he des Browserfensters zu geben:

var W = $(window).width(), H = $(window).height();        var _nH = "-" + H + "px";





        $( document ).ready(function() {





            fs_size();





            function fs_size() {





                $('.left-column').css({ "height": H });

                $('.right-column').css({ "height": H });

                $('.section').css({ "min-height": H });

            }

            $(window).bind('resize', function() { fs_size(); });

        });

Mein Problem nun: Die DIVs bekommen ca. 30px zuviel an H�he.

Ich hab hier mal ein Beispiel-Fiddle gebaut: fs error - JSFiddle
Auch wenn das animieren nicht ganz funktioniert, wenn ihr den rechten Teil ganz langsam scrollt, seht ihr, dass noch 30px extra kommen bevor der gr�ne DIV anf�ngt.

Wei� jemand warum, oder wie man das ganze behebt?

Danke.

Flo,

Kein HTML lernen dank Dreamweaver?

Tony Montana — Tue, 01 Jul 2014 08:50:18 GMT

Hi,

ich habe mich in letzter Zeit intensiver mit PHP und HTML besch�ftigt und bin nun auf Adobe Dreamweaver gesto�en. Da habe ich festgestellt, dass mit Dreamweaver jeder minderbemittelte Person Webseiten zusammen klicken kann. Ohne auch nur Ansatzweise Ahnung zu haben was sie da eigentlich gerade macht.
Sicher kann man damit wohl nicht alles machen und jeden Sonderfall abdecken. Aber ich habe im Moment den Eindruck, das sich schon recht viel mit zusammenklicken realisieren l�sst.

Daher stelle ich mal folgende These in den Raum: HTML lernen ist eher unn�tig geworden, da man mit Dreamweaver doch alles zusammenklicken kann.
Mich w�rde interessieren, was erfahrenere Entwickler zu meiner These sagen.

HTML Logo f�r jeden Bildschirm angepasst

MoveJockey — Sat, 07 Sep 2013 17:49:56 GMT

Ich habe eine Seite mittels HTML "programmiert". Wenn ich jedoch mit einer gr��eren Bildschirmaufl�sung darauf zugreife, sieht das Bild nicht so aus wie bei mir sondern ist recht klein.

Wie passe ich dies an?

Problem Tabelle/Container

Scarya — Fri, 24 May 2013 22:06:06 GMT

Hallo,

ich bin gerade dabei eine Homepage f�r ein Schulprojekt zu erstellen.
Mein Problem ist jetzt, dass ich eine Tabelle erstellen will, deren Spalten prozentual die gleiche Breite haben, also:

HTML-Code:

"1">

           

             "20%">

                 "20%">

                 "20%">

                 "20%">

                 "20%">

          
Wenn ich das aber so mache, werden alle mit einer sehr geringen Breite erstellt, �ndere ich aber eine der Spalten von % auf px, werden die �brigen Spalten richtig angezeigt.


Au�erdem hab ich noch so meine Probleme mit dem Container, in dem diese Tabelle ist, wie bekomme ich die zentriert?


Vielen Dank schonmal. :)


Mfg Scarya
[Chrome] Quelltext dauerhaft bearbeitet lassen?
Gangstersheep — Wed, 10 Apr 2013 20:58:44 GMT
Hey!



Und zwar m�chte ich gern wissen, wie ich den Quelltext von Google Chrome dauerhaft bearbeitet lassen kann?

Oder brauch daf�r irgendwie eine Erweiterung? Habe dazu n�mlich nichts gefunden... 

Dachte da irgendwie an nen Theme Designer der das dann f�r mich �bernimmt finde dazu aber nichts.



W�re euch Dankbar f�r Hilfe! :)



Gru�.



HTML5 in HTML4?
ThunderStorm — Thu, 07 Mar 2013 15:39:07 GMT
Hey,



kann man Sachen die es nur in HTML5 gibt in HTML4 benutzen?

Also wenn ich so eine HTML Seite habe




	Code:
	

       "http://www.w3.org/TR/html4/loose.dtd">





Beschreibung der Seite










Kann ich da dann z.B. Canvas oder so benutzen? Oder geht das nur wenn ich eine HTML5 Seite mache?



Twitter Bootstrap - Schwarzer Balken an der Navigation
BL4cK — Mon, 14 Jan 2013 16:47:46 GMT
Hallo,



ich bin dabei eine Webseite zu programmieren, nur leider gibts einen Sch�nheitsfehler bei der Navigation.

Sobald ich ein Login einbinde, entsteht ein schwarzer, sehr d�nner Balken, der sich unter der Navigation bildet.



Mein HTML-Code ist folgender:




	PHP-Code:
	

 <div id="userInfo">
       <form action="login" method="post">
                <input type="text" class="em" placeholder="Deine E-Mail" name="email"/>
                <input type="password" class="pw" placeholder="Dein Passwort" name="passwd"/>
                <a href=""><img style="margin-top: 3px;" src="img/login.png" alt="Login" />a>
        form>
div> 




CSS:




	PHP-Code:
	

#userInfo {
    width: 312px;
    float: right;
    margin-top: 5px;
    position: relative;
}

#userInfo span {
    text-transform: uppercase;
}

#userInfo div {
    position: relative;
}

input[class="em"], input[class="pw"], body > header button {
    box-shadow: inset 0px 0px 10px -7px #333;
    border-radius: 3px;
    height: 22px;
    vertical-align: top;
    margin: 5px 5px 0 0;
    font-family: "Open Sans Light";
}

.button {
    margin-top: 3px;    
}

input[class="em"], input[class="pw"] {
    color: #7f7f7f;
    border: 1px solid #b8b8b8;
    font-size: 12px;
    width: 100px;
    padding: 0 5px;
    font-family: "Open Sans Light";
}

#userInfo a.login, #userInfo a.forgotPwd {
    color: #d4250a;
    font: 11px Arial;
    position: absolute;
    left: 122px;
    top: -12px;
} 




Screen:







Jetzt meine Frage - warum? Und wie kann ich es beheben?





Liebe Gr��e



CMS Designanpassung, Joomla
Rabbit — Tue, 08 Jan 2013 12:09:36 GMT
Hallo,



ich bin auf der Suche nach jemandem, der mir ein Design in Joomla 2.5 anpassen kann, oder mir einfach nen schlichtes BF3 Design zukommen lassen kann (mit Link, FREE) da ich nen Battlefield 3 Clan er�ffnen m�chte mit paar Freunden auf ne sehr private Basis. 



Hat jemand Ahnung oder Lust sich nen paar � zu verdienen? Der meldet sich! Liebe Gr��e



Mobile Webseiten - Der Einstieg
Entrafiz — Thu, 22 Nov 2012 13:00:20 GMT
Hallo liebe Community,



mobile Webseiten werden immer bekannter, die Zahl der mobilen Nutzer im Web steigt stetig.

Aus diesem Grund habe ich mich damit besch�ftigt, wie man diese entwickelt.



In diesem Tutorial wird es allerdings nur um die Grundlagen gehen, ich werde weder auf APIs noch auf andere Hilfsmittel eingehen, das wird in einem weiteren Tutorial folgen.



HTML5- und CSS3-Kenntnisse sollten vorhanden sein.



Zuerst einmal der Quelltext der Datei index.html




	Code:
	




    

        #1 Mobile

        

        

        

        

    

    

        

        

            #1 Mobile


            


        


        

        

            #1 Mobile ist mein erster Versuch eine mobile Webseite zu entwicklen. Dabei benutze ich ausschließlich HTML5 und CSS3.


                Außerdem habe ich ein apple-touch-icon eingebunden, sodass man diese Webseite auf dem Homescreen des iPhones abgelegen kann.


            


        


        

        

            © #1 Mobile 2012

        


    


Jetzt werde ich einige Sachen zu diesem Quellcode erkl�ren:




	Code:
	

Damit verhindert man das Verkleinern der Webseite durch den Browser, was bei mobilen Webseiten wichtig ist. Anstatt content="width=device-width" kann man auch content="width=320" verwenden.




	Code:
	

Die Verlinkung zu dem apple-touch-icon, das daf�r verwendet wird bei einem iPhone die Webseite auf dem Homescreen abzulegen.



Der Rest sollte bekannt sein.



Kommen wir zur CSS-Datei style.css:




	Code:
	
html,body{

    margin:0;

    padding:0;

}

body{

    font-family:Helvetica,Arial;

    background:#E8E8E8;

}

header,footer{

    width:100%;

    background:black;

    color:white;

    padding:2px 0px 2px 10px;

    opacity: 0.7;

}

section{

    padding:2px 10px 2px 10px;

    text-align:justify;

    font-size:14px;

}

footer{

    font-size:12px;

    text-align:center;

}

h1{

    padding:0;

    margin:0;

}

a{

    color:white;

}



	Code:
	
margin:0;

padding:0;
Diese Angabe ist wichtig, damit kein wei�er Rand entsteht.



Der Rest sollte auch bekannt sein. Diese Datei sollte man allerdings noch verkleinern, um zu erreichen, dass bei einem Aufruf der Seite weniger Quellcode geladen werden muss, d.h. h�here Geschwindigkeit,



Verkleinert:




	Code:
	
html,body{margin:0;padding:0;}body{font-family:Helvetica,Arial;background:#E8E8E8;}header,footer{width:100%;background:black;color:white;padding:2px 0px 2px 10px;opacity: 0.7;}section{padding:2px 10px 2px 10px;text-align:justify;font-size:14px;}footer{font-size:12px;text-align:center;}h1{padding:0;margin:0;}a{color:white;}
Vorschau:











Solltet ihr noch Fragen haben, k�nnt ihr euch gerne hier im Thread oder per PN bei mir melden :)


	

	
		
			Miniaturansichten angeh�ngter Grafiken
			
			

 


 

			
		
	

	

	

	

	


Listenstyle ver�ndern
Saad — Fri, 16 Nov 2012 19:13:03 GMT
heey Leute ! Ich hab da mal ein kleines Problem und zwar: Ich will, dass die Liste in meinem div, den ich mit der id "navi " versehen haben, eben nebeneinander erscheint.

Nun habe ich das in CSS mit folgender Anweisung gemacht: 




	HTML-Code:
	
li{

display: inline;

padding-right:2px;

        padding-left:10px;

text-agin:center;

}
So nun ist aber das Problem, dass ich noch eine Liste brauche, die eben nicht nebeneinander erscheint, aber wenn ich nun die zweite Liste dann mache, dann erscheint die genauso nebeneinander. 

Wie mach ich das, dass eben die Liste nur im navi eben nebeneinander erscheint?



Suche HTML Code
Rabbit — Sat, 10 Nov 2012 13:24:55 GMT
Hallo,



suche mal eben einen komplett-Code f�r meine Index-Seite. Sollte nicht so schwer sein, aber suche auch gleichzeitig ein Ansporn wieder hinein zu kommen.



Ich suche:



Eine ganz normale Hintergrundfarbe (wenn m�glich �ber CSS, gerne eingebunden, ohne .css datei) in #290044



Ich will auf diese Page genau 1 Bild rauf machen, das soll vertikal als auch horizontal zentriert sein.



Sprich, ich suche nur die Hintergrundfarbe,

und den Code f�r nen zentriertes Bild



entsprechende  etc. dazu bitte. MfG</div>


</article>
<article>
<h1>Hyperlink einer HTML Datei?</h1>
<p>x BoooM x — Thu, 08 Nov 2012 15:24:57 GMT</p>
<div>Hey.<br />
<br />
Ich habe auf meinem Webserver eine Indexdatei die 3 W�rter enth�lt. Wenn 1 Wort davon angeklickt wird soll sich eine<br />
HTML Datei �ffnen die sich ebenfalls auf dem WebServer befindet �ffnet, wie macht man das?</div>


</article>
<article>
<h1>Template / Datenbank oder �hnliches?</h1>
<p>x BoooM x — Thu, 08 Nov 2012 13:25:42 GMT</p>
<div>Hey.<br />
<br />
Ich m�chte auf einem Webserver eine Seite auflegen wo ich dann auf der Homepage 8 Kategorien zur Auswahl habe zum anklicken. Wenn 1 Kategorie angeklickt wird, erscheinen verschiedene W�rter als Beispiel:<br />
<br />
Wort 1 | Wort 2 | Wort 3<br />
Wort 4 | Wort 5 | Wort 6<br />
<br />
So jetzt mal als Beispielmuster.<br />
<br />
Wenn man Wort 1 anklickt, sollen dann die anderen W�rter entfernt werden damit eine neue<br />
Seite zu sehen ist und dort sollen dann untereinander mehrere Namen stehen.<br />
<br />
Geht sowas irgendwie? Also brauche daf�r eine Vorlage, soll halt wie so eine Sammlung sein<br />
Startseite sind die 8 Kategorien, bei jeder angeklickten Kategorie ist eine Wortsammlung <br />
und wenn 1 Wort angeklickt wird aus der Sammlung �ffnet sich eine Namensliste.</div>


</article>
<article>
<h1>�berschrift mit Background</h1>
<p>Daxter — Mon, 17 Sep 2012 23:37:34 GMT</p>
<div>Hi,<br />
<br />
wie kriege ich auf meiner Homepage eine solche �berschrift mit einem blauen Hintergrund und wei�em Text hin?<br />
<br />
<a style="font-weight:bold;text-decoration:none;" target="blank" href="http://i48.tinypic.com/f2korl.png"> BILD ANZEIGEN </a> <a style="font-size:10px;text-decoration:none;" href="http://u-hacks.net/news-und-ankuendigungen-4/erlaubte-imagehoster-17046/" target="blank"> [Warum wird das Bild nicht angezeigt?]</a><br />
<br />
Habe im Quelltext nichts gefunden, was mich irgendwie weiterbringt. :-|<br />
<br />
MfG</div>


</article>
<article>
<h1>HTML5 + CSS3 - Blog Layout</h1>
<p>Snees — Fri, 17 Aug 2012 10:35:19 GMT</p>
<div>Hallo Jungs,<br />
ich arbeite im Moment auf der Arbeit an einem Layout f�r einen Blog und benutze HTML5 und CSS3, damit ich nicht mit <div> arbeiten muss, sondern <header>, <nav> etc benutzen kann.<br />
Eventuell kann es jemand von euch gebrauchen.<br />
<br />
Sieht so aus:<br />
<br />
<br />
Farben etc fehlen noch.<br />
<br />
HTML-Code: <br />
<div class="bbcode_container">
	<div class="bbcode_description">HTML-Code:</div>
	<hr /><code class="bbcode_code"><span style="color:#000080"><!DOCTYPE html></span><br />
<span style="color:#000080"><html></span><br />
  <span style="color:#000080"><head></span><br />
    <span style="color:#000080"><meta http-equiv="content-type" content=<span style="color:#0000FF">"text/html; charset=utf-8"</span>></span><br />
    <span style="color:#000080"><title></span>Blog<span style="color:#000080">

  

  

    "page_header">

      HTML5 Blog!

      

        

          "">Letzte Beiträge

          "">Archiv

          "">Kontakt

        

      

    

    

    "sidebar">

      

        Archiv

        

          "">August 2012

          "">Juli 2012

          "">Juni 2012

          "">Mai 2012

          "">April 2012

          "">März 2012

          "">Februar 2012

          "">Januar 2012

        

      

    

    

    "posts">

      "post">

        

          Erster Beitrag: Lorem ipsum dolor sit amet...

          Geschrieben von Nico am 17.08.2012 um 12:17 Uhr.

          

        

        

          

            "Zitat von Lorem [...] sed diam nonumy eirmod. "

          

        

        

          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

        

        

          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   

          Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero

        

        

          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 

        

        

          "">25 Kommentare...

        

      

    

    

    "page_footer">

      © 2012 Nico.

      

        

          "">Startseite

          "">Über uns

          "">Nutzungsbedingungen

          "">Impressum

        

      

    

  


CSS-Code:


	HTML-Code:
	
body {font-family:Verdana;width:960px; margin:15px auto;}

      p {margin:0 0 20px 0;}   

      p, li {line-height:20px;} 

      header#page_header {width:100%;}          

      header#page_header nav ul, #page_footer nav ul {list-style:none; margin:0;padding:0;}

      #page_header nav ul li, footer#page_footer nav ul li {padding:0; margin:0 20px 0 0; display:inline;}   

      section#posts {float:left; width:74%;}         

      section#posts aside {float: right;width: 35%;margin-left:5%; font-size:20px;line-height:40px;}

      section#sidebar {float:left;width:25%;}

      footer#page_footer  {clear:both;width:100%;display:block;text-align:center;}
JS-Code (extra f�r IE alter als Version 9.0)(kommt in den :


	HTML-Code:
	





Internetseite mit SEO
Snees — Tue, 14 Aug 2012 16:20:27 GMT
Hallo, ich m�chte ein wenig meine Kenntnisse im Bereich SEO testen,

dazu m�chte ich eine Internetseite programmieren,

leider fehlt mir - wie fast immer - eine gute Idee worum es auf dieser Internetseite geht, also der Inhalt.

Es sollte ein Thema sein, dass es noch nicht soooo oft gibt und was mich auch zumindest ein bisschen interessiert, also keine Pflegeprodukte f�r die Rentner 70+ ;)



LG



[HTML Tutorial] #6 - Formulare
Comu — Sun, 12 Aug 2012 09:59:20 GMT
 BILD ANZEIGEN   [Warum wird das Bild nicht angezeigt?]


#6 - Formulare



Formulare werden in der heutigen Zeit vor allem zur Datenverarbeitung in HTML genutzt. Egal ob man damit nun jemanden eine E-Mail schreibt, eine Bestellung aufgibt, oder per Datenbankabfrage ein bestimmtes Produkt bearbeitet. F�r alles werden Formulare ben�tigt. Das Formular an sich ist im Grunde erst einmal recht einfach aufgebaut, wird jedoch durch eine Menge von verschiedenen Attributen ausgeschm�ckt. Der normale Formular-Tag:




	HTML-Code:
	



Das ist das Grundger�st jedes HTML Formulars. Innerhalb des Formulars finden sich nun sogenannte input oder select Felder. Ebenfalls gibt es die M�glichkeit, Textboxen einzuf�gen. Sp�ter mehr. Input boxen sind nichts anderes als einfache Texteingaben und select Felder sind die Dropdownlisten die man des �fteren zu gesicht bekommt. Diese Elemente werden innerhalb des Form-Tags platziert (weil sie ja zum Formular an sich geh�ren). Ein Beispiel w�re also:




	HTML-Code:
	


 

 


Nun h�tten wir quasi 2 Input-Felder. Dies ist momentan aber noch kein valides HTML. Fangen wir mit dem Formular-Tag an sich an. Diesem Tag m�ssen wir 2 Attribute standartm��ig zuweisen. Einmal action="" und auf der anderen Seite method="". Action ist daf�r da, um in HTML anzugeben, auf welcher Seite die �bergebenen Daten verarbeitet werden sollen, wenn wir das Formular abschicken. Wenn wir also nun schreiben w�rden:




	HTML-Code:
	
"test.php">

 

 


W�rde der Browser nach dem abschicken des Formulars die Datei test.php aufrufen und dort die Daten hin �bertragen. Als zweites Attribut haben wir die so genannte Methode. Dort gibt es zwei Werte die man eintragen kann: post und get. Was die Werte nun genau bedeuten ist f�r uns eigentlich recht uninteressant da es dementsprechend die Programmierer nachher nutzen k�nnen wie sie wollen, standardm��ig sollten wir jedoch post nehmen (es ist das momentan noch meist benutzte bei Formularen). Unser 
 Tag m�sste nun also erweitert in etwa so aussehen:




	HTML-Code:
	
"test.php" method="post">

 

 


Damit ist der 
 Tag nun soweit vorbereitet das man ihn als valide darstellen kann. Als n�chstes widmen wir uns den input Feldern.  Felder sind wie schon angesprochen dazu da um dem User die M�glichkeit zu bieten eine Eingabem�glichkeit zu t�tigen. Dazu m�ssen wir dem  Feld aber noch einen Typ zuweisen. Seit HTML5 gibt es eine Menge erweiterter Typen, die kann man sich auf der offiziellen W3C Seite ansehen. Ich werde nun die 3 Haupt-Typen: text,password und submit ansprechen. Ein Beispiel-Tag k�nnte nun so aussehen:




	HTML-Code:
	
"test.php" method="post">

 "text">

 "submit">


In dem wir dem  Feld den type Text zuweisen sagen wir dem Browser, dass er ein normales Textfeld ausgeben soll. W�rden wir den Type nun durch password austauschen, w�rde der eingebene Text in Sternchen dargestellt werden. (Beachte: Generell wird alles in HTML in Englisch geschrieben, also mit Password mit d am ende!). Submit sagt dem ganzen das wir nun bitte einen Absenden Button verpassen sollen. Unser Beispiel von oben w�rde nun so aussehen:







Nun haben wir ja schonmal unser Grundlegendes Formular. Nun wollen wir dem Benutzer aber auch sagen k�nnen, was er dort eingeben kann. Bei  Feldern k�nnen wir seit HTML5 dort auf das Attribut placeholder zugreifen. Damit wird ein ausgegrauter Text angezeigt wenn nichts in der Box steht. Wenn etwas drinnen steht, verschwindet dieser. Bei dem submit Button m�ssen wir auf das Attribut value zur�ckgreifen. Ein Beispiel w�re:




	HTML-Code:
	
"test.php" method="post">

 "text" placeholder="Benutzername..">

 "submit" value="Benutzername absenden!">


dies w�rde dann so aussehen:







und das wars auch schon! Im Grunde haben wir nun ein Formular welches Valide ist und man in einem Design angeben kann. Es gibt noch eine Menge anderer Attribute und types die man benutzen kann. Die meisten werden jedoch erst interessant, wenn man das ganze mit der Programmierung an sich verbindet, von daher lassen wir das nun erstmal aus und werden sp�ter noch einmal darauf zur�ckkommen!



Es fehlen jedoch noch 2 wichtige Elemente in einem Formular: Zum einen unsere Dropdown-Box (auch select-box genannt) sowie unsere Textbox.



Eine -Box angezeigt werden soll. Ein Beispiel:




	HTML-Code:
	
"test.php" method="post">

 "text" placeholder="Benutzername..">

 

 "submit" value="Benutzername absenden!">


w�rde folgende Ausgabe erzeugen:







nun hat der Benutzer schon die M�glichkeit seine Stadt anzugeben, aus der er kommt! Hier gilt auch wieder, man kann eine Menge verschiedener Attribute setzen, dazu kommen wir aber sp�ter. (Das ganze wird sich dann auch eher in Richtung Programmierung ziehen und nicht mehr auf HTML an sich ansprechen).



Als letztes wichtiges Standardelement gibt es noch die Textboxen. Diese sieht man beispielsweise oft bei Formularen mit gro�en Eingaben wie Kontaktseiten. Um eine Textbox einzubinden verwendet man den Tag . Diesem wei�t man dann sp�ter eine Breite und H�he mit CSS zu.<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">HTML-Code:</div>
	<hr /><code class="bbcode_code"><span style="color:#FF8000"><form action=<span style="color:#0000FF">"test.php"</span> method=<span style="color:#0000FF">"post"</span>></span><br />
 <span style="color:#FF8000"><input type=<span style="color:#0000FF">"text"</span> placeholder=<span style="color:#0000FF">"Benutzername.."</span>></span><br />
 <span style="color:#FF8000"><select></span><br />
  <span style="color:#FF8000"><option></span>Berlin<span style="color:#FF8000"></option></span><br />
  <span style="color:#FF8000"><option></span>Hamburg<span style="color:#FF8000"></option></span><br />
  <span style="color:#FF8000"><option></span>Bremen<span style="color:#FF8000"></option></span><br />
 <span style="color:#FF8000"></select></span><br />
 <span style="color:#FF8000"><textarea></span><span style="color:#FF8000">

 "submit" value="Benutzername absenden!">


Mittlerweile lassen sich die Boxen aber auch mithilfe g�ngiger Browser automatisch vergr��ern und verkleinern.



Dies waren die Elemente die man eigentlich in jedem Formular meisten vorfindet. Erweiterungen gibt es noch mithilfe von Checkboxen, Radio-Buttons, Datumsauswahlen und vieles mehr. Dazu aber sp�ter mehr!



[HTML Tutorial] #5 - Tabellen
Comu — Thu, 26 Jul 2012 15:39:16 GMT
 BILD ANZEIGEN   [Warum wird das Bild nicht angezeigt?]


#5 - Tabellen



Wir haben ja nun bereits schon in den letzten Teilen des Tutorials eine Menge Tags dazu gelernt. Der mit Abstand (neben den Formularen sowie div Boxen) schwierigste Tag ist der, der eine Tabelle enth�lt.



Denn wir haben anfangs ein Problem: Wir k�nnen das ganze nicht wie in Excel optisch betrachten sondern m�ssen und das ganze von Anfang an logisch aufbauen. Den einen Leuten f�llt es einfacher, den anderen schwerer.



Aber bevor wir zu Reihen in einer Tabelle kommen oder einzelnen Zellen, legen wir erst einmal unser HTML-Dokument sowie den Tabellen Tag an. Auch hier kann man wieder aus dem Englischen �bersetzen. "Timetable" => "Stundenplan/Stundentabelle".



In unserem Fall lautet der Tag f�r eine Tabelle also tats�chlich einfach 

















.


	HTML-Code:
	




 </span> Eine einfache Tabelle <span style="color:#000080">





   Unsere erste Tabelle

Nun wei� HTML schon einmal, dass wir eine Tabelle erzeugen wollen. In unserem Fall ist die Tabelle aber leer, da wir keinen Inhalt eingef�gt haben.



Nun wollen wir anfangen in dem wir unsere erste Tabellenreihe anlegen. Eine Tabellenreihe besteht wie in Excel aus mehreren Zellen. Wie die Tabellenreihe in Excel aussieht:



 BILD ANZEIGEN   [Warum wird das Bild nicht angezeigt?]



Wie sie in HTML aussieht:




	HTML-Code:
	







Genau! Du hast es schon richtig erkannt. Eine Tabellenreihe wird auch wieder mithilfe von Tags innerhalb der Tabelle an sich definiert. In unserem Fall, mithilfe des  Tags (Table Row = Tabellenreihe) haben wir nun unsere erste  Reihe in der Tabelle erstellt.



Wollen wir nun weitere Reihen dranh�ngen, ist das ganz einfach. Wir setzen einfach nach und nach immer wieder 's aneinander, damit wir einzelne Reihen erhalten.




	Zitat:
	
		
		
			Aufgabe: Erstelle eine einfache Tabelle mit 3 Reihen. Es geht in dieser Aufgabe vor allem um die Logik, wie solche Tabellen aufgebaut sind.
			
		
	

Spoiler:L�sung 






	HTML-Code:
	






























Ich habe das in dem L�sungscode bewusst au�einander gesetzt. Normalerweise f�gt man die Tags einfach nach und nach zusammen. So ist es jedoch um einiges verst�ndlicher, wie diese Reihen nun zustande kommen.



Nun wollen wir unsere "Felder" in die Tabelle einf�gen. Diese Felder kennt man ebenfalls aus Excel, sie sehen so aus:



 BILD ANZEIGEN   [Warum wird das Bild nicht angezeigt?]



In HTML sieht das ganze so aus:




	HTML-Code:
	



 


 TEXT 


Was haben wir nun da oben in dem Code gemacht? Wir haben erst einmal unsere Tabelle an sich angelegt, danach eine neue Reihe erstellt und in dieser Reihe ein Feld angelegt. Dieses Feld definiert man mit  (Table Data = Datensatz). Im Grunde findet sich diese Verschachtelung nun immer wieder. Ebenfalls ist es hier M�glich, mehrere "Zellen" innerhalb einer Tabellenreihe zu haben. Dazu h�ngen wir die ganzen 's auch wieder nur aneinander:




	HTML-Code:
	


  TEXT 

  TEXT2 

  TEXT3 


Dieses Beispiel oben, w�rde folgende Ausgabe erzeugen:



 BILD ANZEIGEN   [Warum wird das Bild nicht angezeigt?]

(Anmerkung: Ich habe hier das Attribut border="1" verwendet. (


Um nun oben unsere L�sung zu erweitern, in der wir mehrere Tabellenreihen angelegt haben, wir nun wissen dass das ganze Logisch immer aufeinanderfolgt und ineinander verschachtelt ist, k�nnen wir uns nun ganz einfach 3 Tabellenreihen mit je 3 Zeilen zaubern:


	HTML-Code:
	







 

 

 





 

 

 





 

 

 



 TEXT  TEXT2  TEXT3 
 TEXT4  TEXT5  TEXT6 
 TEXT7  TEXT8  TEXT9

Das ganze sieht dann am Ende so aus:



 BILD ANZEIGEN   [Warum wird das Bild nicht angezeigt?]



Es gibt nun noch diverse Methoden und andere Tags die man dazu lernen kann. Diese kommen aber alle mit der Zeit wenn man sich mit so etwas mehr besch�ftigt. Ebenfalls hat man die M�glichkeit eine Tabellenzelle an sich �ber mehrere andere laufen zu lassen (also das man quasi anstatt 3  1  hat, dieses aber so breit ist wie die 3 anderen ).



Dieses kommt aber entweder in meinem CSS Tutorial, oder man kann sich erweitert mit Tabellen besch�ftigen, dort wir das ganze (beispielsweise beim W3C) gut erkl�rt.



[HTML Tutorial] #4 - Links & Bilder
Comu — Wed, 18 Jul 2012 16:26:52 GMT
 BILD ANZEIGEN   [Warum wird das Bild nicht angezeigt?]


#4 - Links & Bilder



Nach dem wir uns die grundlegende Struktur von HTML angeschaut haben und unsere ersten Versuche mit der Formatierung von Texten gegl�ckt ist, gehen wir nun einen Schritt weiter, zu den Elementen welche eine Webseite im heutigen Zeitalter am meisten pr�gen: Den Links.



Die Links sind im Grunde genommen einfache Verkn�pfungen wie man sie von einem herk�mmlichen PC klickt. Beispiel: Ihr klickt auf ein Spiel und dieses Spiel �ffnet sich. Im �bertragenen Sinne ist dies also ein Link zum Startprogramm des Spiels. Genau hierf�r werden diese auch in HTML genutzt, um mehrere Dateien zu "verbinden".



Eine Webseite besteht meistens immer aus mehreren dieser Seiten. Klar, es gibt eine Menge neuer Techniken wie JavaScript welche uns erm�glichen ziemlich gro�e Mengen an Informationen in einer Datei zu speichern, aber dort sind wir noch nicht: machen wir klassisch eine Webseite mit mehreren Seiten.



Ein Link ist folgenderma�en aufgebaut:




	HTML-Code:
	
"http://www.google.de"> Klicke hier, um zu Google zu gelangen 
Wollen wir erstmal das href ausblenden und uns auf den gr�bsten Teil konzentrieren: Hier sehen wir wieder den typischen HTML Tag,  CONTENT . In diesem Fall wird auch wieder hier der Text der zwischen  und  steht im Browser ausgegeben und zwar als Link.



Nun kommen wir jedoch zu einer neuen Variante in HTML. Den Attributen. Attribute sind Angaben welche wir innerhalb der HTML Tags platzieren. Unser Attribut mit dem  verkn�pft w�rde also href hei�en. href hei�t "Hypertext Reference". Hei�t "Hypertext Verweis/Verkn�pfung". Da der erste Buchstabe in HTML auch f�r Hypertext steht ist hiermit klar was gemeint ist: Ein Verweis auf eine andere HTML Datei.



Nach dem Attribut folgt ein Gleich Zeichen um diesem href etwas zuzuweisen. In unserem Fall ist es nun der Link zu Google. Wenn man auf andere Webseiten verweisen will, sollte man generell das http:// davorsetzen. Wenn die Datei nun im gleichen Ordner wie unsere andere Datei liegt, kann man das href auch einfach so setzen:




	HTML-Code:
	
"seite.html"> Meine erste Seite 
Alles was wir nun machen m�ssen ist irgendwelchen Text auf unsere seite.html zu packen und schon haben wir unsere zweite Seite der Homepage!



Nun, wir haben ja einen einfachen Text zwischen die 's gesetzt. Hier haben wir aber nun die M�glichkeit, diverse HTML-Elemente mit einander zu verbinden. Wir h�tten somit auch die M�glichkeit einen kursiven Link mit  zu machen, wobei dies meist durch CSS (was wir eventuell im n�chsten Tutorial besprechen) gemacht wird!



Wir k�nnen einem HTML-Element auch mehrere Attribute zuweisen. Somit hat man bei 's noch die M�glichkeit Links in einem neuen Tab zu �ffnen. Daf�r w�re das Attribut target zust�ndig und der Attribut-Wert _blank.




	HTML-Code:
	
"seite.html" target="_blank"> Hier zur neuen Seite im Tab 
Als zweites wichtiges Element gibt es Bilder. Bilder sagen einer Menge auf einer Webseite aus: Repr�sentieren einen selber, wollen Lesern etwas veranschaulichen oder dienen zur Verzierung.



Der IMG-Tag ist genauso wie der 
 Tag ein Spezialfall. Dieser hat keinen normalen End-Tag sondert endet auch nur mit einem Slash.




	HTML-Code:
	

Der IMG Tag verkn�pft quasi das "spezielle" ohne End-Tag mit Attributen welche wir in  verwendet haben. Um nun ein Bild einzuf�gen, benutzen wir das Attribut src. Src steht f�r Source und hei�t soviel wie Bildquelle. So w�rde also unser Code aussehen:




	HTML-Code:
	




 </span> Bild <span style="color:#000080">





 "bild.jpg">

 "http://www.meinewebsite.com/bild.jpg">




Dort k�nnen wir wieder das gleiche sehen wie bei dem . Ohne einen genauen Pfad, sondern nur den Dateinamen, geben wir Bilder an die im momentanen Ordner sind. Wenn wir Bilder einer anderen Webseite einbinden wollen, m�ssen wir wieder den kompletten Pfad angeben. Als weiteres Attribut kommt hier alt="" ins Spiel. Es hei�t "alternative" und gibt (z.B. f�r Browser f�r Blinde) eine alternative an, was auf diesem Bild drauf ist. Somit sollte man immer einen dementsprechendes Attribut hinzuf�gen, damit es wirklich f�r alle Leute kompitabel ist.




	HTML-Code:
	
"http://www.meinewebsite.com/bild.jpg" alt="Affe">
Abschlie�end k�nnt ihr euch im Netz noch diverse andere Listen von Attributen besorgen. Es gibt noch eine Menge, die man benutzen kann. Einfach mal Googlen!




	Zitat:
	
		
		
			Aufgabe: Erstellt eine Datei (startseite.html) und packt dort ein Bild drauf. Beim klick auf dieses Bild solltet ihr auf seite.html weitergeleitet werden. Ihr ben�tigt dazu eine Mischung eines Links sowie des Bildes.
			
		
	

Spoiler:L�sung 






	HTML-Code:
	




 </span> Startseite <span style="color:#000080">





 "seite.html"> "bild.jpg" alt="Zur Startseite" /> 











Viel Spa� beim ausprobieren! :)





[HTML Tutorial] �bersicht
Comu — Tue, 17 Jul 2012 10:07:04 GMT
 BILD ANZEIGEN   [Warum wird das Bild nicht angezeigt?]


Da die Tutorials in den Foren immer schnell untergehen habt ihr hier die M�glichkeit alle auf einen Blick zu sehen. Wenn ihr euch weitere Tutorials w�nscht, fragen habt o.�., dann stellt diese bitte hier in den Topic!



 http://u-hacks.net/tutorials-107/htm...ndlagen-14809/
 http://u-hacks.net/tutorials-107/htm...ebseite-14810/
 http://u-hacks.net/tutorials-107/htm...erungen-14823/
 http://u-hacks.net/tutorials-107/htm...-bilder-14872/
 http://u-hacks.net/tutorials-107/htm...abellen-15077/
 http://u-hacks.net/tutorials-107/htm...rmulare-15546/




[HTML Tutorial] #3 - Textformatierungen
Comu — Tue, 17 Jul 2012 09:57:32 GMT
 BILD ANZEIGEN   [Warum wird das Bild nicht angezeigt?]


 #3 - Textformatierungen



Nachdem wir uns nun damit besch�ftigt haben wie HTML an sich aufgebaut ist und wie man sich am besten diese Verschachtelungen merkt geht es nun einen Schritt weiter. HTML wurde geschaffen um Informationen mit anderen zu Teilen.



Man kennt es aus Word o.�.: Man will ein bestimmtes Wort fett hervorheben, da es entweder wichtig ist oder etwas bestimmtes Aussagen soll. Genau diese M�glichkeiten haben wir in HTML auch. Das ganze nennt man wie in der �berschrift schon angesprochen Textformatierungen.



Dann fangen wir mal an. Es gibt die 3 Standard-Textformatierungen welche man per BB-Codes kennt ebenfalls in HTML. Diese sind dementsprechend  f�r fetten Text,  f�r kursiven Text und  f�r unterstrichenen Text.



An diesem Punkt gibt es aber eine kleine Ausnahme: Die obigen 3 Tags k�nnen genutzt werden. Ich habe jedoch schon �fters die Erfahrung gemacht, dass wenn ich  und  in einem Tag nutze, dass diese dann automatisch einen Zeilenumbruch hinzuf�gen (kann auch v�lliger quatsch sein) aber aus diesem  Grund benutze ich die Tags  als Ersatz f�r den fetten  Tag und  als Ersatz f�r . F�r  ist mir noch kein anderer Tag bekannt. (Ich habe mich hier nochmal schlau gemacht [danke an Finn], es besteht kein anderer Tag f�r . Dementsprechend sind  und  die Ausnahmen!)



Im Grunde hei�t das nichts anderes: In diesem Tutorial wird  f�r fetten Text,  f�r kursiven Text und  f�r unterstrichenen Text genutzt.




	Zitat:
	
		
		
			Aufgabe: Erstelle ein einfaches HTML-Dokument welches diese 3 Textformatierungen (plus normalen Text, also insgesamt 4) ausgibt. Achte darauf das du sie richtig platzierst, sie sollen alle auf der Webseite ausgegeben werden!
			
		
	

Spoiler:L�sung 






	HTML-Code:
	




  </span> Textformatierungen <span style="color:#000080">





  Das ist ein normaler Text. 

  Das ist ein fetter Text. 

  Das ist ein kursiver Text. 

  Das ist ein unterstrichener Text. 











Somit seid ihr nun schon in der Lage eure Texte dementsprechend anzupassen und wichtigere Sachen hervorzuheben.



Nun gibt es noch 2 wichtige Punkte: �berschriften und Zeilenumbr�che. Zeilenumbr�che sind wichtig wenn man nicht komplette Textbl�cke haben will die bis zum Ende des Bildschirmrands gehen sondern diese geordnet in eine neue Reihe packen kann.



In Word ist dies einfach mit der ENTER Taste machbar. In HTML gibt es daf�r einen gesonderten Tag, dieser nennt sich 
. Hier seht ihr nun eine spezielle Form eines HTML Tags.



Diese HTML Tags sind Anfang- und Endtag in einem. Warum ist ganz einfach zu erkl�ren: Bei  und  hatten wir beispielsweise einen Text den wir dazwischen ausgeben wollen. Bei 
 wollen wir einen einfachen Zeilenumbruch erzeugen, wodurch hier 

 sinnlos und nur viel Schreibarbeit w�re.



Aus diesem Grund hat man sich gesagt: Okay, schlie�t man den Tag direkt und dann brauch man sich nicht mehr Arbeit machen (denn Programmierer sind allgemein sehr schreibfaul).



Wichtig hierbei ist: Das 
 muss immer dahin wo die Zeile �bersprungen werden soll. Du musst sie quasi genauso setzen wie als wenn du in Word ENTER dr�ckst, um eine neue Zeile anzufangen:



Ein Beispiel w�re:




	HTML-Code:
	




  </span> Zeilenumbruch <span style="color:#000080">





  Text 1  


  Text 2 




In diesem Fall w�rde Text 2 nun eine Zeile darunter stehen. Ab und zu kann es auch dazu kommen das HTML erst die vorhandene Reihe mit einem 
 komplett beendet. Dann muss man einfach ein zweites 
 dahinter setzen um in die neue Zeile zu r�cken.



Als letztes Themengebiet in den Textformatierungen stehen nun die �berschriften an. Heutzutage ist es �blicherweise so das man mit CSS und Klassen die meisten Textpassagen so bearbeitet und nur noch in �u�ersten Notf�llen auf die �berschriften zur�ckgreift. Trotzdem sollte jedem das bekannt sein, denn besonders am Anfang sind sie sehr hilfreich.



Der Tag f�r eine �berschrift lautet:




	HTML-Code:
	
 �berschrift 
h1-6 denkst du dir nun? Das ist nicht schwer zu verstehen. Die 1-6 sagen einfach nur aus, dass es folgende Arten von �berschriften gibt: , 
,
,
,
,
. Diese sind chronologisch angeordnet, hei�t 
 ist die gr��te �berschrift und 
 die kleinste.



Ab 
 ist man jedoch wieder auf der normalen Textgr��e wie von  angekommen. Hei�t, im Grunde, wenn man diese Art von �berschriften nutzt ist es klug nur die von 1-3 zu nutzen, da der Rest einfach zu klein ist.



Wenn man sich nun alle Sachen anschaut welche wir nun hier besprochen haben, kommen wir auf folgendes Ergebnis:




	HTML-Code:
	




  </span> Textformatierungen <span style="color:#000080">





  Das ist ein normaler Text. 

  Das ist ein fetter Text. 

  Das ist ein kursiver Text. 

  Das ist ein unterstrichener Text. 

  Gro�e �berschrift 

  Normale �berschrift 

  Kleine �berschrift 

  Normale Textgr��e 

 





Wie man im Endeffekt nun sieht, ist HTML eine reine Sache die man mit der Zeit auswendig lernen muss. Ihr habt nun die dementsprechenden Tags und k�nnt damit schon eine Menge anstellen. Am besten probiert ihr euch selber damit aus, denn nur so kann man sich die Sachen auch einpr�gen!

[HTML Tutorial] #2 - Die erste Webseite! Comu — Mon, 16 Jul 2012 19:25:04 GMT
BILD ANZEIGEN [Warum wird das Bild nicht angezeigt?] #2 - Die erste Webseite! Nach einer Menge Theorie wollen wir doch nun einmal anfangen! Also. In HTML werden wir die ganze Zeit �ber mit so genannten Tags arbeiten. Denkst dir nun bestimmt: Was sind Tags? Eventuell kennst du sie ja aus dem Spielebereich: Es sind "Kurzformen" von Namen oder Befehlen. Genauso ist das in HTML. Alle Tags erf�llen einen bestimmten Zweck. Ein Tag ist folgenderma�en aufgebaut: HTML-Code: IRGENDWAS HIER Wie man sehen kann f�ngt ein Tag an sich immer mit einem kleiner als Zeichen an und endet mit einem gr��er als Zeichen. Danach kommt der entsprechende Content (Content beschreibt man als "Inhalt" - das wirst du im laufe des Tutorials �fters h�ren!). Das ganze schlie�t man dann wieder mit dem Tag PLUS einem Slash-Zeichen (Schr�gstrich nach rechts ab). Das ganze erinnert sehr an die vorhandenen BB-Codes die man eventuell bereits kennt. Diese stammen von HTML ab, man wollte den Nutzern damit die M�glichkeit bieten ohne dementsprechende Kenntnisse auch ihre Texte zu formatieren. Wobei diese auch schon wieder auf dem R�ckzug sind, WYSIWYG (What You See Is What You Get ) Editoren sind auf dem Weg (das ist dies, was man beispielsweise bei Word und Excel findet, direkte Formatierung). Um unseren kleinen netten Browser (sei es Internet Explorer, Firefox, Chrome oder Opera) nun zu sagen, dass wir ihm HTML-Code ausgeben wollen, m�ssen wir erst einmal mit dem Grundger�st anfangen. Den kompletten Code den man in HTML schreibt, wird im -Tag eingebunden. Hei�t in etwa: HTML-Code: Mehr Content Mehr Content Mehr Content In unserem Fall w�rde "mehr Content" nun den den Teil ersetzen, wo wir unsere verschiedenen Tags reinsetzen um dementsprechend etwas auf unserer ersten Webseite auszugeben. So, also der Tag gibt uns nun die M�glichkeit den Code zu schreiben. Ich sage den Leuten immer: Man kann sich das als den menschlichen K�rper vorstellen. der Tag ist in dem Fall unser kompletter K�rper. Nun gibt es 2 weitere Teile, die unterschieden werden: Man kann sich schon in etwa vorstellen, wie das ganze funktionieren soll, wenn ich sagte das man das alles in etwa auf den menschlichen K�rper �bertragen kann. Der Kopf ist in dem Fall das Element () das alles steuert und im Tag erfolgt dementsprechend die Ausgabe der einzelnen Elemente. Quasi kommt in den Teil alles rein was Website�bergreifend ist. Hei�t, der Titel im Tab, Einbindung von externen Dateien o.�. passiert alles dort oben. Im Tag findet man dann nur die Sachen, die man wirklich auf dem Bildschirm auch visuell sehen kann, wie Tabellen, Text o.�. Zitat: Aufgabe: Erstelle dein erstes HTML-Dokument mit den oben genannten Informationen. Denke dabei: Jeder Tag der ge�ffnet wurde muss auch wieder geschlossen werden (au�er in ganz seltenen Ausnahmen) und man kann sich das Dokument so wie den menschlichen K�rper vorstellen. Spoiler:L�sung HTML-Code: WEBSITE�BERGREIFENDE INFORMATIONEN AUSGABEINFORMATIONEN Super Arbeit wenn du das hingekriegt hast! Ich hoffe du hast nicht geschummelt. ;) Wenn du alles so weit verstanden hast, bist du schon auf dem richtigen Weg HTML zu lernen. Denn alles was jetzt kommt, basiert darauf, die Tags richtig ineinander zu setzen und die Verschachtelungen zu erkennen. Um unsere erste kleine Webseite zu erstellen, wollen wir der Webseite einen Titel geben der dementsprechend im Tab angezeigt wird. Das machen wir mit dem Tag. Dieser ist Website�bergreifend. Was hei�t das? Genau: Er wird nicht auf der Webseite an sich ausgegeben sondern im Tab, muss daher in den <head> Teil. Ein Beispiel w�re von daher: <div class="bbcode_container"> <div class="bbcode_description">HTML-Code:</div> <hr /><code class="bbcode_code"><title> Meine erste Website 

Nat�rlich muss dieser Code dann dementsprechend platziert werden. So, allgemein wenn du Tutorials lie�t die rund um die Programmierung gehen hast du sicherlich schon festgestellt was Hello World! hei�t. Das ist quasi der erste Textabsatz den man immer wieder findet, wenn man in irgendetwas Programmierbares einsteigt.

Um normalen Text auszugeben benutzen wir den Tag. Dieser gibt uns einen normalen Textabsatz zur�ck. Dieser wird, wie die meisten Tags, am ende wieder mit dem Slash-Tag (End-Tag) geschlossen.

Hier ist nun aber die Besonderheit: Dies ist unser erster Text den wir [u]auf[/b] der Webseite ausgeben wollen und nicht Webseite�bergreifend wodurch wir diesen Tag in den Tag packen. Das ganze ist, wie du sicherlich schon gemerkt hast, nach einer Zeit ziemlich verschachtelt.

So, wenn du nun alles richtig gesetzt hast, dann m�sste das Ergebnis am Ende bei dir so aussehen:

HTML-Code:

 Meine erste Webseite Hello World!

Die Leerzeichen zwischen dem Tag-Content habe ich mir so angew�hnt. Ich pers�nlich finde man kann dadurch den Text besser lesen, andere meinen ohne Leerzeichen ist es einfacher, dort musst du deine eigene Art finden wie du am besten mit klar kommst!

Um dir das ganze nun anzugucken, speicherst du die Datei in deinem Editor als .html ab. (Vorsicht: Unten musst du .* Alle Dateien ausw�hlen, und nicht nur Text (.txt)!)

Wenn du dies getan hast, kannst du mit einem Rechtsklick auf die Datei -> �ffnen mit -> [beliebiger Browser hier einf�gen :p] deine Datei �ffnen und du hast den ersten Erfolg - deine erste, wenn auch kleine Webseite, ist fertig!

[HTML Tutorial] #1 - Einf�hrung / Grundlagen

Comu — Mon, 16 Jul 2012 19:22:10 GMT

BILD ANZEIGEN [Warum wird das Bild nicht angezeigt?]

#1 - Einf�hrung / Grundlagen

Hallo! Erst einmal vielen Dank das du dich f�r dieses Tutorial von mir entschieden hast. Ich wei�, dass es bereits eine Menge an Tutorials gibt welche auch recht Anf�ngerfreundlich sind. In diesem Tutorial will ich jedoch noch einmal ein Hauptaugenmerk auf Anf�nger legen. Hei�t:

Ich bin selbst nicht perfekt und wei�, dass es bestimmt den ein oder anderen Fehler in diesem Tutorial gibt. Im ersten Moment geht es mir jedoch darum, euch HTML und die Struktur n�her zu bringen. So �fter man es verwendet wird man auch die neusten Techniken von alleine dazu lernen, jedoch wei� ich selbst wie schwer so ein Einstieg sein kann.

Man sieht ja immer nur die Webdesigner als Beispiel: Diese verdienen schon einmal gut 200€ pro Webseite und dementsprechend muss man sich denken, dass dort hinter eine Menge Arbeit steckt. Das tut es durchaus, aber es ist nicht so schwer zu erlernen wie manche vielleicht denken m�gen.

Ebenfalls kursiert in manchen Kreisen die Ansicht dass man um professionell hochwertige Webseiten erstellen zu k�nnen die teuerste Software braucht. Dies ist im heutigen Zeitalter nicht mehr so: Es gibt genug Open-Source (kostenlos, f�r alle frei verf�gbar, offener Quellcode) Programme, welchen einem das "Programmieren" vereinfachen.

Weiterhin versuche ich aber euch die genannten Themengebiete so gut wie m�glich n�her zu bringen. Ich hoffe das Tutorial ist dementsprechend gut strukturiert und aufgebaut, um euch einen ersten kleinen Einblick zu geben.

Was wichtig ist: Das Interesse! Klar hilft das Tutorial euch die Grundlagen beizubringen, aber wenn man nicht selbst etwas damit rumprobiert und seine eigenen Werke erstellt n�tzt es im Endeffekt alles nichts.

Als letzten Tipp: Ihr solltet nicht so viele Sachen auf einmal machen. Ich empfehle euch maximal 2-3 der Tutorials pro Tag um das ganze erstmal ruhen zu lassen. Probiert mit den vorhandenen Sachen ein bisschen aus, da ihr sonst sp�ter immer wieder nachgucken m�sst inwiefern was verwendet wird. Geht die ganze Sache lieber langsam an!

Ihr solltet aber bereits nach einer Woche in der Lage sein dementsprechend HTML anwenden zu k�nnen. Wichtig ist: Dieses Tutorial bezieht sich nur auf HTML. Falls ihr das dementsprechende Gegenst�ck zum Design, CSS (Cascading Style Sheet) lernen m�chtet, m�sst ihr euch noch etwas gedulden.

Aller Anfang ist schwer...

... aber er ist machbar. Wahrscheinlich hast du bereits alles was du ben�tigst auf deinem PC: Einen Browser sowie einen Editor. Mehr braucht ihr garnicht, um eure eigene kleine Webseite erstellen zu k�nnen!

Beachtet: Programme wie Microsoft Frontpage oder �hnliches nehmen euch diverse Arbeit ab. Wenn ihr wirklich daran interessiert seid und selber wissen wollt, wie solche Strukturen aufgebaut sind, solltet ihr den Editor als erste Wahl vorziehen. Dieser gibt noch keinerlei Hilfe und ist somit bestens geeignet um sich das ganze einzupr�gen

Ebenfalls wird f�r HTML kein bekannter "Webserver" gebraucht. HTML ist ein sozusagen "Webstandard" und dieser funktioniert Clientseitig. Hei�t, das ganze funktioniert auch auf ihrem PC, ohne irgendwelche extra Programme installiert zu haben.

Eine andere Frage die immer wieder auftaucht, ob man bei dem erstellen von Webseiten mit dem Internet verbunden sein muss. Antwort: Nein! Du kannst auch ganz bequem in der Zugfahrt dir deinen Code mit einem Laptop zusammenbauen.

Was ist HTML eigentlich?

Die Frage kann man sozusagen beantworten mit: Die Grundlage aller Webseiten! Damals wurde HTML von einem Wissenschaftler erfunden (mir f�llt der Name momentan nicht mehr ein) um seine Ergebnisse mit anderen zu teilen. So hatte er also die Grundlegenden Elemente von HTML erschaffen wie ganz normale Texte, Bilder, Links, Tabellen und Listen. Alles das wird bis heute genutzt!

Es gibt im Grunde keine Webseiten welche ohne HTML auskommen, au�er diese, welche beispielsweise nur zu Berechnungen da sind (dieses sind aber gesonderte Dateien!). Man kann sagen: Ohne HTML, keine Webseite.

Zum Schluss ist noch anzumerken das du den Quelltext (HTML und CSS Code) jeder Webseite anschauen kannst. Dazu musst du einfach nur auf eine Webseite mit Rechtsklick klicken, und dir wird 'Quelltext anzeigen' angezeigt. Nun kannst du das Werk von jemand anderem bestaunen!

Korreckt oder nicht ? (F�r Buca-Projekt)

AlexEHM — Thu, 21 Jun 2012 15:59:17 GMT

HTML-Code:

"text/html; charset=ISO-8859-1" http-equiv="content-type"> FC Barcelona Stadionbesichtigung "background-color: rgb(255, 204, 51);"> style="font-family: Andalus; font-size: 3.4em; text-align: center;"> "FCB.png">FC Barcelona Stadionbesichtigung "FCB.png"> style="text-align: center; font-size: 1.5em; font-style: normal; font-family: Arial;"> Das Fu�ballstadion von Barcelona ist das drittgr��te Fu�ballstadion der Welt, nach dem Stadion von Sao Paulo (Brasilien) und Mexiko City. Das Camp Nou in Barcelona hat eine Kapazit�t f�r 110.000 Zuschauer, und bei jedem Spiel ist praktisch jeder Sitzplatz belegt - so gro� ist die Fu�ball-Leidenschaft der Katalanen. "width: 498px; height: 353px;" src="Camp-Nou-best.jpg"> Die Besichtigung des Camp Nou ist die Sehensw�rdigkeit schlechthin in Barcelona! Falls Ihnen also an einer Besichtigung liegt, empfehlen wir Ihnen, die Reservierung f�r die Besichtigung des Camp Nou vor Reisebeginn zu buchen. Besichtigen Sie die Anlage, das Spielfeld und das Fu�ballmuseum; Sie werden auf eigene Faust die Umkleider�ume der Spieler, den Pressekonferenzbereich und den VIP-Aufenthaltsraum besichtigen k�nnen und bekommen au�erdem die Gelegenheit, sich auf die Spielerb�nke und die VIP-Sitze zu setzen - die besten Sitzpl�tze im Stadion!
style="text-align: center; font-style: normal; font-family: Arial; margin-top: 100px;"> "font-weight: bold;">Adresse: Barcelona FC Aristides Maillol, entrance no 7 Barcelona, 08028 "font-weight: bold;"> �ffnungszeiten: 10:00 Uhr - 20:00 Uhr (Montag - Samstag) Sonntag und Feiertage (10:00 Uhr - 14:30 Uhr) "font-weight: bold;"> Eintrittspreis an der Tageskasse am jeweiligen Tag: Erwachsene: �22,00 Kinder: �16,50 Hier noch eine kleine Hilfe um das Camp Nou leichter zu finden: "0" marginwidth="0" src="http://maps.google.de/maps?f=q&source=s_q&hl=de&geocode=&q=Aristides+Maillol,+entrance+no+7+Barcelona,+08028&aq=&sll=41.740578,2.135468&sspn=0.834108,2.05307&ie=UTF8&hq=Aristides+Maillol,+entrance+no+7+Barcelona,+08028&hnear=&radius=15000&ll=41.378452,2.121118&spn=0.071946,0.071946&t=m&output=embed" frameborder="0" height="350" scrolling="no" width="425"> href="http://maps.google.de/maps?f=q&source=embed&hl=de&geocode=&q=Aristides+Maillol,+entrance+no+7+Barcelona,+08028&aq=&sll=41.740578,2.135468&sspn=0.834108,2.05307&ie=UTF8&hq=Aristides+Maillol,+entrance+no+7+Barcelona,+08028&hnear=&radius=15000&ll=41.378452,2.121118&spn=0.071946,0.071946&t=m" style="color: rgb(0, 0, 255); text-align: left;">Gr��ere Kartenansicht
Ist das in Ordnung ?

[HTML] Phase5 - Frage

Prinzessin Paat — Fri, 11 May 2012 10:31:05 GMT

Yho,

da ich des �fteren f�r Kollegen Computerm��ige Sachen mache, muss ich diesesmal f�r jemanden eine Homepage erstellen. Es handelt sch um eine Schulaufgabe, wo die Sch�ler eine Homepage mit "Phase5" erstellen sollen.
Da ich von diesem HTML Editor nichts halte und lieber mit Dreamweaver, sowie Notepad++ meine HTML/CSS Dateien erstelle, hab ich mal eine Frage:

Setzt Phase5 irgendwelche "Kennzeichen" in die HTML Datei? - Sprich: W�rde es auffallen, dass ich anstatt Phase5 einen anderen Editor benutzt habe?

Mit freundlichem Gru�!

Zeichen werden nicht richtig dargestellt

!lkay — Sun, 06 May 2012 17:13:14 GMT

Hallo,

ich wollte mir gerade son kleines Script bauen.

Hab dann von Facebook die Loginseite mit

Seite Speichern unter -> Webseite, nur Html

gespeichert.

Jetzt werden die Zeichen aber nicht richtig dargestellt:

Was kann man dagegen tun?

HTML Editor

Shane — Mon, 23 Apr 2012 09:29:34 GMT

Hi,

gibt es einen Editor als Downlaod, der genauso aufgebaut ist wie dieser hier?

Frage player verlinken

Skindred — Tue, 17 Apr 2012 19:51:47 GMT

Guten abend liebe com :)

Also ich m�chte fragen wie man es hinbekommt dass wenn man jetz einen player in einer page einbindet und eine selectbox, wie man wenn man dann in der selectbox folge 2 anklickt bzw. ausw�hlt dann auch im player folge 2 erscheint?

ich hoffe ihr versteht wie ich es meine :/

MfG SKindred :)

[HTML] Seite wird nicht vollst�ndig angezeigt

Flopa — Tue, 17 Apr 2012 10:51:07 GMT

Moin,

ich hab das Problem, dass meine Website, die ich bei funpic habe, nicht vollst�ndig angezeigt wird. Ich hab leider garkein Plan woran das liegen kann, w�re sch�n, wenn jemand den Fehler finden w�rde.
Habe die Seite �brigens mit nem Free Template gemacht, falls jemand wissen will welches, dann pn.

Spoiler:

Code:

Knuddels-Bots Home News Download Passwoerter Contact Mafia-Bot Our Downloads Mafia-Bot v5.1 Download here Quiz-Bot Download here Bei Fragen hier melden Contacs

Text zentrieren

Skindred — Mon, 16 Apr 2012 14:53:26 GMT

Huhu Liebe com
Ich bin gerade dabei eine page zu schreiben aber egal was ich mache ich bekomm den text auf der Startseite einfach nicht zentriert.
vielleicht k�nnt ihr mir helfen :)
Index.html

HTML-Code:

�berschrift "stylesheet" type="text/css" href="style.css" /> "header"> "Bilder/Header.png" /> "menue_bg"> "menue"> "index.html">"menue_Button">START "index.html">"menue_Button">STREAM "index.html">"menue_Button">RENDER "index.html">"menue_Button">SIGNATUREN "webseite"> "infobox"> "info_text"> Hallo One Piece Junkie's Ich m�chte euch auf meiner Webseite alle Folgen von One Piece,ein paar Render und ein paar von mir angefertige Signaturen zur verf�gung stellen. Ich hoffe ihr habt spa� auf meiner Page :) "Ruffy"> "Bilder/Startseite_render.png" /> "Footbar"> "Bilder/footbar_03.png" />

style.css

HTML-Code:

body { background-color:#0d0f13; margin:0px auto; min-width:960px; } #header { width:100%; height:230px; margin:0px auto; text-align:center; } #menue_bg{ width:100&; height:48px; background:url(Bilder/Menue_bg.png) repeat-x; } #menue { width:960px; margin:0px auto; text-align:center; } #menue a { text-decoration:none; } .menue_Button{ float:left; width:176px; height:48px; background:url(Bilder/Menue_sprites.png) no-repeat; background-position:0px 0px; cursor:pointer; } .menue_Button p { font-size:20px; font-family:Calibri; color:white; margin:0px; margin-top:8px; } .menue_Button:hover { background-position:0px -48px; } #webseite { width:960; margin:0px auto; text-align:center; } #infobox { width:1000px; height:845px; margin:0px auto; text-align:center; background:url(Bilder/One-piece_05.png) repeat-x; } #info_text { float:center; width:244.5px; height:207px; text-align:center; line-height: 1.5; } #info_text h1 { font-size:20px; font-family:Calibri; font-weight:bold; color:#e7e2e2; margin:0px; margin-top:8px; margin-left:10px; } #info_text p { font-size:16px; font-family:Calibri; color:#e7e2e2; margin:0px; margin-top:8px; margin-left:10px; } #Footbar { width:100%; height:48px; text-align:center; margin:0px auto; }

[F] Tabs

Pwned — Mon, 09 Apr 2012 00:30:25 GMT

Hi

ich habe eine Frage, n�hmlich, wie kann ich mithilfe von HTML und JavaScript Tabs erstellen? Also so, dass ich z.B. einen "Start"-Tab habe und von dort aus in einen "Informationen"-Tab wechseln kann, ohne dass sich die Seite neu l�d.

Bin vollkommener Neuling in Sachen HTML. Deshalb suche ich hier Hilfe. :)

Ich hoffe jmd. kann helfen.

[HTML] Aufgaben Hilfe

Dost — Mon, 12 Mar 2012 14:30:51 GMT

Moin

Ich h�tte mal wieder einige Aufgaben zu erledigen, jedoch habe ich leider nicht viel mitbekommen vom Thema, da ich an dem Tag nicht anwesend war..
Da unser Prof. uns alles nur durch Theorie erkl�rt, wird es etwas schwer f�r mich die Bsp. alleine zu l�sen..

Ich hoffe, dass die "Profis" unter uns, mir helfen k�nnen..

1.) Ganzzahlsdivision

- ganzzahlige Quotient und ganzzahlige Rest einer Division zweier ganzer Zahlen errechnen, ohne DIV-MOR Operator (%)
- Divident: Divisor = Quotient
- Division = wiederholte Subtraktion
- Divisor wird solange vom Dividend subtrahiert, bis Rest kleiner als Divisor ist
- while Rest > = Divisor {Dividend-Divisor}
- Initialisiert wird Rest mit Dividend, Quotient mit Null.
Divisor ungleich Null

Zitat:

Eingabe von Dividend, Divisor
if Divisor 0 :
- ja --> Abbruch
- nein --> Quotient, Rest initialisieren
- Rest > = Divisor
- Rest = Rest-Divisor
Quotient = Quotient + 1
- Ausgabe von Quotient, Rest

2.) ggT

- Mit Euklid-Algorithmus gr��ten Teiler zweier Zahlen x & y berechnen
- Mittels ganzzahliger Division von x/y; nur ganzzahl. Rest ist wichtig: x%y

- Eingabe �berpr�fen: x,y ungleich 0

Zitat:

- Eingabe x, y
- x = = 0
- Ja --> Fehler: Abbruch
- Nein -->
- y = = 0
- Ja --> Fehler: Abbruch
- Nein --> r = x%y
x = y
y = r
r < > 0
--> Ausgabe des ggT

3.) R�mische Ziffern (fast fertig ?!)
- beliebige ganze Dezimalzahl x soll mit r�m. Zahlen dargestellt werden
I, V, X, L, C, D, M

HTML-Code:

"-//W3C//DTD HTML 4.01 Transitional//EN"> Ratespiel

4.) Ratespiel (fast fertig)

-Zahl zwischen 1-100 erraten
-Spieler wird mitgeteilt, ob Tipp zu gro� oder zu klein
- while Zufallszahl <> spielertipp
- ob zu gro� oder zu klein wird string s geschrieben, der bei n. Tippeingabe ausgegeben wird

Zitat:

- Zufallszahl ermitteln
- Spielertipp abfragen
- Tipp < Zahl
- Ja --> zu klein
- Nein -->
- Tipp > Zahl
- Ja --> zu gro�
- Nein -->
- Tipp ! = Zufallszahl
--> Ausgabe

Variante 1:

HTML-Code:

"-//W3C//DTD HTML 4.01 Transitional//EN"> Ratespiel

Variante 2:

HTML-Code:

"-//W3C//DTD HTML 4.01 Transitional//EN"> Ratespiel

Ich kann euch auch bis zu 50 Knuddels in .AT anbieten (in .DE habe leider nur 3-4 Knuddels zur Verf�gung)..

Brauche die Beispiele heute noch, wenn m�glich..

Vielen Dank!!

P.S: Ihr m�sst alle Beispiele mit der while; while-do-Schleife l�sen (aktuelles Thema)

Facebook - Schreibbox hinz�gen.

JumP-StyLe — Thu, 01 Mar 2012 20:09:44 GMT

Hallo U-Hacks, ich habe in Google, nach dem Schreibbbox gesucht, aber ich werde nicht f�ndig.
Kann mir da jemand mit helfen? <3

Lg. :)

Facebook Seite gef�llt mir Box einrichten.

Cannabis — Sun, 26 Feb 2012 15:11:42 GMT

Hallo,

ich versuche eine Likebox auf meine Facebookseite einzurichten aber er zeigt immer an bei der Facebook URL: "Das href eingegeben wird nicht als g�ltige URL erkannt."

hab mich an die Anleitung gehalten: � Like-Box f�r Facebook-Seite (Page) auf eigener Hompage einrichten

Youtube Code einbinden

JumP-StyLe — Sun, 26 Feb 2012 12:42:17 GMT

Hey, ich war grad dabei, ein Video in Facebook auf meiner Seite zu binden, aber bin jetzt schon leider gescheitert.
Ich habe die Share-Gate Methode genommen und als Text, habe ich

HTML-Code:

"420" height="315">"movie" value="http://www.youtube.com/v/ZWHpcKXt-qQ?version=3&hl=de_DE">"allowFullScreen" value="true">"allowscriptaccess" value="always">"http://www.youtube.com/v/ZWHpcKXt-qQ?version=3&hl=de_DE" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true">

.

So mein Problem: Wenn ich da drauf gehe, kommt zwar mein "Teil mich erst dann liken" aber auch mein Video, gleichzeitig.
Ich m�chte aber, dass das Video erst dann erscheind, wenn man erst geteilt hat.

Ich hoffe, ihr k�nnt mich verstehen.

Lg. :)

Suche jemanden der bei Homepage-Erstellung f�r Verein mithilft

dulgon — Sat, 25 Feb 2012 18:20:17 GMT

Hallo User,

ich suche jemanden, der mir bei einer Erstellungen einer Homepage f�r einen Fu�ballverein helfen kann.
Die Homepage sollte m�glichst kostenlos sein und die Texte sind auch schon erstellt.

Ich habe nur sehr wenig Ahnung davon und w�re echt nett, wenn mir jemand dabei helfen k�nnte.

Mit freundlichen Gru�

Dulgon

3 Bilder nebeneinander

x BoooM x — Sat, 28 Jan 2012 22:31:40 GMT

Hallo.

Ich habe 3 verschiedene Bilder mit Link, ich m�chte die alle 3 nebeneinander haben, wie mache ich das?

Link1 bis Link3 wird durch den Link ersetzt
Bild 1 bis Bild3 wird durch das Bild ersetzt

Ich will die 3 Bilder nebeneinander haben, aber wie?

HTML Templates?

x BoooM x — Sat, 28 Jan 2012 14:58:09 GMT

Hi.

Wei� einer wo ich gute kostenlose HTML-Templates herbekomme? Also wo man mehrere HTML-Dateien hat und die auf einen FTP-Sever packt und die Seite dann fertig ist.

Die HTML-Dateien sollte man alle einzeln bearbeiten k�nnen. Design sollte zu Rap bzw. Musik passen.
Kann auch ein schlichtes Design sein also Schwarz oder so, sollte halt wichtige Kategorien habe wie "Kontakt, Downloads, News etc."

Noch 1 Frage, wie kann ich eine Facebookseite + Twitter auf eine Seite einbinden? Also 2 Buttons zum anklicken so wie das manche auf ihren Seiten haben.

Mfg.

Warum sieht es so aus?

JumP-StyLe — Sun, 22 Jan 2012 20:19:48 GMT

Hey U-Hacks. :)

Ich habe da ein Problem, und zwar ich m�chte ein Bild (eMail-Bild) mit meiner eMail-Adresse verbinden, d.h. wenn ich auf das Bild klicke, �ffnet sich ein Progamm, wo meine eMail-Adresse schon drine steht.
Seitdem ich das gemacht habe, sieht da nun auch so "weisse" Fl�chen zu sehen.

Zitat:

Das dicke habe ich NEU hinzugef�gt.
Link zu meiner "Page"Fabrizio Portfolio

Ich hoffe, es ist verst�ndlich was ich damit meine. :)

LG. :)

HTML anfangen zu Lernen.

JumP-StyLe — Fri, 20 Jan 2012 17:39:49 GMT

Sch�nen guten Abend. :D
Ich wollte mal anfangen HTML zu lernen.
Was k�nnt ihr mir Vorschlagen, womit ich es ab "besten/schnellsten" verstehe?
Also ich will es eigentlich nur um "Webseiten" zu Coden. :)
Lg. :)

[HTML] Aufgaben erledigen [B] Knuddels

Dost — Mon, 16 Jan 2012 14:16:52 GMT

Tag allerseits!

Ich habe einige HTML-Aufgaben bis morgen zu erledigen und habe leider keine Zeit, da ich morgen noch eine Schularbeit+Pr�fung habe und daf�r lernen muss...

Da ich noch ein Anf�nger bin und ich viel l�nger brauchen w�rden f�r die Aufgaben, da mich damit au�ereinander setzen m�sste, bitte ich euch die Aufgaben f�r mich zu erledigen..

Die Aufgaben dauern f�r die K�nner unter euch nicht lang..
Ihr m�sst FOR-Schleifen benutzen (aktuelles Thema)

Die Aufgaben lauten:

1.) Alphabet in Zeichenkette in Blockbuchstaben

HTML-Code:

"-//W3C//DTD HTML 4.01 Transitional//EN"> Alphabet 

Preis: 5 Knuddels (Ihr m�sst nur den Fehler ausbessern, habe mit dem Bsp schon angefangen)

2.) Faktorielle berechnen
Berechne n! wobei gilt: n! = 1*2*3...*n-1*n
FOR-Schleife
var x = 1
for (var i=2;i<=n;i++)x=x-1
Eingabe pr�fen
Eingabefehler wenn n<0

Preis: 10 Knuddels

3.)Schriftgr��en von 10 bis 26 Pixel
Schrittweite 2, d.h. Schriftgr��e 10,12,14,16...
Ausgabe mit -Tag:
..

Ergebnis
for(var i=10;i<26,i+=2) {}

write ('...

Preis: 10 Knuddels

4.)Sternchendreicke
3 FOR-Schleifen
for (vari=1; i<=n;i++){
for (var j=1;j }
for (j=1;j<=(2*i)-1;j++){
}

Preis: 15 Knuddels

Vielen Dank!

mfg, Dost

/e: Aufgaben 1,3 gel�st von DeKaDeNz

[HTML] Webdesign - Feedback erw�nscht

Comu — Fri, 13 Jan 2012 20:03:07 GMT

Hi,
f�r meinen (bzw. unseren, Nico's und meinen :D) Uploader habe ich soeben ein Design erstellt. Es ist gewollt an Google's angelehnt da es einfach sehr gut an das heutige Web 2.0 angepasst ist. Hier eine Vorschau:

BILD ANZEIGEN [Warum wird das Bild nicht angezeigt?]

Die Leiste ist nicht gewollt - wurde aber wo ich �bern Link gekommen bin von Opera geadded, m�sst ihr euch wegdenken :) Feedback und vor allem VERBESSERUNGSVORSCHL�GE w�ren erw�nscht!

(S) Hompage Coder/Designer (B) PSC

St0nY — Thu, 15 Dec 2011 17:52:46 GMT

Hallo wer interesse fuer den Job hat kann sich bei mir melden

Biete bis zu 25 Euro PSC
Weiteres ueber Skype/MSN

[HTML] Eincash-System

Prince — Sun, 11 Dec 2011 12:05:13 GMT

Heyho, hat wer nen HTML-Code f�r ein Eincash-System sprich paysafecard code eingeben , verschickt an meine email, etc.

[Video-Tut] HTML lernen

Comu — Sat, 19 Nov 2011 12:30:19 GMT

Hier mal mein Youtube Tutorial, welches f�r Anf�nger geeignet ist.
Es basiert auf eigenen Kentnissen und man kann daher nie 100% sicher gehen das es komplett richtig ist, besser als das was in der Schule beigebracht wird aber aufjedenfall.
Ich achte dabei auch nicht immer zwingen auf Fachausdr�cke, sondern versuche es verst�ndlich r�berzubringen.

U-Labs Community - HTML

Umbr�che in HTML Tags valide?

HTML: Bilder anordnen mit Links?

Mobile Darstellung's Problem

Wie passe ich meine Seite an?

$(window).height() liefert zu hohe Gr��e?

Kein HTML lernen dank Dreamweaver?

HTML Logo f�r jeden Bildschirm angepasst

Problem Tabelle/Container

[Chrome] Quelltext dauerhaft bearbeitet lassen?

HTML5 in HTML4?

Twitter Bootstrap - Schwarzer Balken an der Navigation

CMS Designanpassung, Joomla

Mobile Webseiten - Der Einstieg

Listenstyle ver�ndern

Suche HTML Code

Internetseite mit SEO

[HTML Tutorial] #6 - Formulare

[HTML Tutorial] #5 - Tabellen

Unsere erste Tabelle

[HTML Tutorial] #4 - Links & Bilder

[HTML Tutorial] �bersicht

[HTML Tutorial] #3 - Textformatierungen

,

,

,

,

,

. Diese sind chronologisch angeordnet, hei�t

ist die gr��te �berschrift und

die kleinste. Ab

Gro�e �berschrift

Normale �berschrift

Kleine �berschrift

Normale Textgr��e

[HTML Tutorial] #2 - Die erste Webseite!

[HTML Tutorial] #1 - Einf�hrung / Grundlagen

Korreckt oder nicht ? (F�r Buca-Projekt)

[HTML] Phase5 - Frage

Zeichen werden nicht richtig dargestellt

HTML Editor

Frage player verlinken

[HTML] Seite wird nicht vollst�ndig angezeigt

Our Downloads

Text zentrieren

Hallo One Piece Junkie's

[F] Tabs

[HTML] Aufgaben Hilfe

Facebook - Schreibbox hinz�gen.

Facebook Seite gef�llt mir Box einrichten.

Youtube Code einbinden

Suche jemanden der bei Homepage-Erstellung f�r Verein mithilft

3 Bilder nebeneinander

HTML Templates?

Warum sieht es so aus?

HTML anfangen zu Lernen.

[HTML] Aufgaben erledigen [B] Knuddels

[HTML] Webdesign - Feedback erw�nscht

(S) Hompage Coder/Designer (B) PSC

[HTML] Eincash-System

[Video-Tut] HTML lernen

die kleinste.

Ab