Beiträge von Syl

  • Videos in html einbinden

    Es soll lediglich ein Link rein.


    Ich habe alles lediglich mit Inhalt gefüllt.

    Das Design hat unsere zweite Vorsitzende entworfen (die macht CI beruflich)

    und das Ganze umgesetzt in html und css hat jemand anderes (ein junger Mann e in der Ausbildung war

    und selbige abgebrochen hat, weil diese Arbeit wohl doch nicht das richtige war) hat es umgesetzt.


    Und ich stand da. War schier am verzweifeln. Drei Tage habe ich rumprobiert.

    Nix ging. Nix funktionierte. Ist mit 61 Jahren auch nicht mehr so easy. Mir schwirrt der Kopf.

    Bis ich schließlich den jungen Mann erneut kontaktiert habe und der mir dann

    den css Code korrigiert und mir ab und zu auf die Sprünge geholfen hat.


    Ich kopieren die Codes mal hier rein:


    html.


    <!Doctype HTML>

    <head>

    <link rel="shortcut icon" href="#" />

    <title>

    Platura e.V.

    </title>

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

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

    <meta charset="UTF-8"/>

    <lang="de-De"/>

    </head>

    <body>


    <h5 class="Buerozeiten">Auf Grund der neuen Datenschutz-Grundverordnung, die ab 25.5.2018 in Kraft tritt, überarbeiten wir zur Zeit unsere HP!</h5>


    <h5 class="impressum">



    HIER SOLL DIE VEREINSSATZUNG ALS PDF REIN!!!!!!!!!


    </h5>



    <aside>

    <section class="top">

    <a href="index.html">home</a>

    </section>


    <section class="header">

    <img src="../bilder/Platura_e_V_logo.png" />

    </section>

    <section class="mainlinks">

    <a href="news.html">news</a>

    <a href="courses.html">seminare + workshops</a>

    <a href="projects.html">projekte</a>

    <a href="filmfoyerbeiern.html">film foyer berlin</a>

    <a href="club.html">verein</a>

    <a href="members.html">mitglieder</a>

    <a href="partners.html">netztwerke + links</a>

    <a href="referenzen.html">referenzen</a>

    </section>

    </aside>


    <footer>

    <a href="impressum.html">Satzung + Impressum</a>

    </footer>

    </body>

    </html>


    <a href="impressum.html"></a>


    css


    *{

    box-sizing:border-box;

    margin:0;

    padding:0;

    }

    body{

    background:#ffffff;

    font-family:Arial;

    position:relative;

    }


    aside{

    width:15%;

    height:auto;

    text-transform:uppercase;

    }

    aside section{

    margin-top:2%;

    }

    aside section.top{

    background:#C31A36;

    width:calc(100% - 0%);

    padding:5% 0 10% 0;

    }

    .Buerozeiten{

    text-align: center;

    width:calc(100% - 0%);

    margin: 20px 80px;

    height:auto;

    position:absolute;

    top:2%;

    left:0;

    right:0;

    }


    .impressum{

    text-align: left;

    width:calc(100% - %);

    margin: 280px 260px;

    height:280px;

    position:absolute;

    top:2%;

    left:0;

    right:0;

    overflow: scroll

    }




    aside section.top a{

    background:#ffffff;

    font-size:2vh;

    text-decoration:none;

    color:#000000;

    margin: 10% auto;

    display:block;

    text-align:right;

    }

    aside section.header{

    background:#ffffff;

    width:669%;

    margin-top:0;

    border-top: solid 4px #c31a36;

    border-bottom: solid 32px #c31a36;

    }

    aside section.header img{

    margin:1% 0 0 30%;

    width:calc(100% - 30%);

    padding-bottom:1%;

    }

    aside section.mainlinks{

    background:#C31A36;

    width:calc(100% - 0%);

    margin-top:-2%;

    padding-top:5%;

    padding-bottom:12%;

    }

    aside section.mainlinks a{

    background:#ffffff;

    font-size:2vh;

    text-decoration:none;

    color:#000000;

    margin: 10% 0 0 0;

    display:block;

    text-align:right;

    }

    footer{

    background:#ffffff;

    border-top: solid 4px #C31A36;

    text-align:right;

    padding-top:0.5%;

    }

    footer a{

    color:#C31A36;

    margin-right:1.5%;

    text-decoration:none;

    font-size:3vh;

    text-transform: uppercase;

    font-weight:lighter;

    }

  • Videos in html einbinden

    Die letzte Seite ist dran und jetzt will ich eine pdf Datei einfügen. Unsere Vereinssatzung- die ist llaaannnggg.

    Ich gebe <a href="dann die Datei">PDF Datei<a> ein und dann verschiebt sic das ganze Design.

    Meine Frage, muss ich da noch etwas in css eingeben?

    {

    pdf

    }


    oder so etwas?

  • Videos in html einbinden

    Hi, vielen Dank für Eure Hilfe. Ihr seit echt klasse.

    Morgen erkläre ich Euch mal wieso ich so kämpfen musste.


    Habt noch einen schönen Tag. LG aus Berlin

  • Videos in html einbinden

    Das ist ganz merkwürdig. Ich bin bei Dreamweaver raus, hatte die Platte abgezogen und am PC die Texte bearbeitet. Danach an meinem Mac angeschlossen und da ging das Video mit einmal. Also es funzt. Nur wenn ich die Größe verändert, dann verändert sic auch das Ganze Textfeld. Deshalb kam ich auf die Idee ne neue Klasse anzulegen, weil ja noch drei Videos hinzukommen.

    Ich probiere es jetzt einfach mal mit der neuen Klasse.

  • Videos in html einbinden

    So jetzt hier mal der html code:



    Und der Css Code:


  • Videos in html einbinden

    Ich überlege, ob ich nicht auf der selben Seite nochmals ne class anlege, also


    <h5 class="video"></h5>


    und dann bei css


    .video{

    text-align: left;

    width:320;

    margin: 270px 280px;

    height:240;

    position:absolute;

    top:1%;

    left:0;

    right:0;

    overflow:scroll;

    }



    Würde das dann funktionieren?

  • Videos in html einbinden

    Wo sehe ich den diesen Browser in Dreamweaver?


    Schaue eigentlich wie ein Schwein ins Uhrwerk, da absoluter Anfänger und quäle mich seit zwei Wochen damit rum die HP mit Inhalt zu füttern.

    Deshalb bin ich weg von meinem MAC und sitze auf dem Balkon um jetzt wenigstens die Textseiten zu füllen.

    Der Pfad, der hinter Videos/ steht lautet dann der Titel des Films.mp4 das der Rest der Befehlszeile. Ich habe extra ein Format gewählt, dass möglichst viele Explorer, Safari etc benutzen.

    Cen Code inkl Link zur Seite in html und css seit ich nachher mal rein.


    Ich setze mich dann morgen wieder mit frischem Kopf ans Problem.


    Lieben Dank für Eure Hilfe.

  • Videos in html einbinden

    Gebe bei html <video src="pfad" type="video/mp4" controls></video> win und gebe hinter src die Verlinkung ein (gibt mir Dreamweaver mit Durchsuchen vor und ich brauche nur draufklicken)

    Aber das Video wird nicht angezeigt.




    Ich frage mich, ob ich mit dem Video ein weiteres class einrichten muss oder nochmal einen Link.

    Außerdem nehme ich an, dass ich da noch irgendwas bei css eintrage sollte.

    Html und css gehen ja hier Hand in Hand.

    Denn wenn ich bei width und height die Werte verändere, dann verändert er oben das gesamte Bild von der Größe her.


    Könnt ihr mir helfen?