Beiträge von Thorsten B.

Thorsten B. · 24. April 2018

Ok, nun hab Ich es verstanden ...

Thorsten B. · 23. April 2018

Zitat von Sailor

Nein.. mit dem Komma getrennt gilt es für sowohl als auch...

#Beispiel li -> nur für li im Container #Beispiel

#Beispiel li a -> nur für a im li im Container #Beispiel

#Beispiel li, a -> für li im Container #Beispiel und für a (egal wo)

mmh kein Scherz, Ich finde meinen Fehler nicht!

Kann mir einer sagen warum sich die "color" in "#copywright" ebenfalls ändert, wenn Ich die "color" in "#downloadlinks li a {}" ändere ?? (Ändert sich in den angegebenen Wert in #downloadlinks...)

Ich peils nicht

html {

background-image: url(img/welcome.gif);

}

body {

font-family: 'Orbitron', sans-serif;

color: #173603;

}

header {

width: 100%;

height: 247px;

vertical-align: top;

}

#nav1 {

list-style: none;

}

#navlink {

display: inline-block;

float: right;

padding-right: 110px;

margin-top: 175px;

}

#copywright{

display: inline-block;

float: right;

padding-right: 140px;

padding-top: 25px;

list-style: none;

vertical-align: bottom;

color: #173603;

}

footer {

width: 100%;

height: 125px;

bottom: 0px;

position: fixed;

}

#home {

text-align: center;

}

#f1 {

opacity: 0.75;

width: 300px;

height: 400px;

}

#f1, #p1 {

display: inline-block;

text-align: left;

padding-left: 25px;

}

#downloadmain {

padding-top: 43px;

text-align: center;

}

#h3dl {

text-decoration: underline;

}

#downloadlinks li a {

display: inline-block;

list-style: none;

width:auto;

color: #4AA74F;

}

:(((((

Thorsten B. · 23. April 2018

Ok, jetzt funktioniert es doch. Nice work, danke

Ich habe aufgrund des Vorgangs eine Folgefrage:

CSS:

wie sage ich CSS,dass das [id="Beispiel"] "li, a" {...} nur für id="Beispiel" gilt?

Denn als Folgefehler resultiert aktuell bei mir: aufgrund [id="Beispiel"] "li, a" {...} werden alle "li, a" mit den Attributen behandelt. Das ist nach meinem / fast allen (logischerweise...) Konzepten nicht sinngemäß.

(Kein Scherz, während meines ganzem Studiums ist mir nie so schöner Lernstoff begegnet... viel schöner als BWL/VWL/Logistics)

Gruß T.

Thorsten B. · 23. April 2018

So nun hab ich die nächste Frage (ja, dipl. kfm., die HTML/CSS/JAVA/PHP lernen wollen, sind nervig...):

Aus einem mir nicht erklärbarem Grund krieg ich manche "font-colors" nicht hin, es scheint als hätte ich irgendwo was definiert, was das verhindert:

Beispiel:

html:

<h3 id="h3dl">downloads, free, maybe useful and nice stuff, written by tb: </h3>

<p> please donate:<p/>

<p>btc: 36HUdFeMA8wBgj9sVjydb4h2Fzker98itn</p>

<li><a href="downloads/html.css.php-inc.framework.rar" download="html.css.php-include.framework.rar">html / css / php-include basic-framework .rar</a></li>

</ul>

CSS:

#downloadmain {

padding-top: 43px;

text-align: center;

}

#h3dl {

text-decoration: underline;

}

#downloadlinks {

display: inline-block;

list-style: none;

width:auto;

color: #173603;

}

Kann mir jemand sagen warum die <ul> die Farbe nicht annimmt? Diesen Fehler habe Ich mehrfach auf meiner Page.

Ich würde notfalls auch den ganzen "file" posten, falls in diesem Abschnitt kein Fehler ist( Ich selber finde Ihn leider nicht )

Gruß Thorsten

p.s. wenn Ich euch in Office-Organisation oder Logistic-Management helfen könnte, fragt einfach.... ich kann das eigentlich nicht, permantent was zu fragen und nichts zu geben...

Gruß Thorsten

Thorsten B. · 23. April 2018

Whoot du bist ein Gott, dank dir!

push "basti1012"

Thorsten B. · 22. April 2018

es geht um den klickbaren Bereich des Links im Anahng.

Normal?

Gruß!

Thorsten B. · 20. April 2018

Jetzt stehe Ich mal wieder auf dem Schlauch...

wenn ich ein link <a href="bla.php">test</a> auf meine page platziere, passiert folgende:

"TEST"

der Linkabschnitt beginnt beim linken "T" exakt bei Buchstabenbeginn, endet beim rechten "T" jedoch nich exakt beim Buchstabenende, sondern ca. 20-40px. weiter.

Das ist ein wenig dämlich, da Ich so nur auf Umwegen eine saubere Zentrierung des Abschnitts erreichen kann.

Kennt jemand das Problem und hat eine Lösung?

(z.B. Definierung der "Klickflächengröße" oder so...)

Gruß!

Thorsten B. · 19. April 2018

Du hast recht, es klappt wenn es ungeloopt gespeichert wird.

Gruß!

Thorsten B. · 19. April 2018

Moin!

Ich bin dabei mir eine .gif zu erstellen und erahne im Endstadium vor einem Problem zu stehen:

Ich möchte die .gif oben links im header haben und der letzte frame soll dann als Standbild fungieren.

Ich bin mir sicher das geht, nur habe noch keine konkrete Idee wie.

Kann mir jemand helfen?

Gruß!

Thorsten B. · 19. April 2018

topic solved, hab es soweit verstanden.

Dank euch!

Thorsten B. · 17. April 2018

Variante 1 geht, vielen Dank!

Habt Ihr vielleicht dennoch eine Idee, warum meine Variante nicht geht?

Als Anfänger finde Ich es vielleicht dennoch elleganter, die Javabefehle nicht direkt in jeder .php aus der nav stehen zu haben, sonder outgesourct in einer javascript.js stehen zu haben.

Erkennt jemand meinen Fehler?

Gruß!

Thorsten B. · 17. April 2018

Okay, nice, das klappt.

Echt cool das Ihr mir helft !!!

Javascript würde Ich gerne auch noch verstehen, deshalb:

Jetzt noch ein Beispiel mit Javascript, der Befehl klappt nicht, warum ist das so?

Index.php

<!DOCTYPE html>
<html>
<head>

<title>PHP-Include test</title>

</head>

<body>

<?php include("header.php"); ?>

Test

</main>

<?php include("footer.php"); ?>

</body>

</html>

header.php

<h1> test header </h1>

footer.php

<h2> test footer.php </h2>

style.css

h1 {

font-weight: bold;

}

h2 {

font-weight: lighter;

}

javascript.js

document.getElementById("main").style.color = "#ff0000";

</script>

Nach meinem aktuellen (Anfängerverständnis) habe Ich alles korrekt gelöst.

Hat jemand eine Idee wo der Fehler ist?

Gruß Thorsten

Thorsten B. · 17. April 2018

Hey mal wieder,

dank euch bin Ich ein ganzes Stück weiter, super!

Jetzt kriege Ich keine style.css auf die includes angewandt. Kann mir jemand sagen warum?

Ich habe das Beispiel so simpel wie möglich gehalten...

Index.php:

<!DOCTYPE html>

<html>

<head>

<title>PHP-Include test</title>

</head>

<body>

<?php include("header.php"); ?>

<main>

Test

</main>

<?php include("footer.php"); ?>

</body>

</html>

Header.php :

<h1> test header </h1>

Footer.php :

<h2> test footer </h2>

style.css :

h1 {

font-weight: bold;

}

h2 {

font-weight: lighter;

}

Da steckt ein sehr dummer Anfängerfehler drin?

Falls ja, sorry .... !!!!

Gruß T!

Thorsten B. · 15. April 2018

Moin!

Okay, Ich lese mir dann gegen Mittag die Doku in Ruhe durch.

Falls dann noch Fragen sind würde Ich mich gerne nochmal melden.

Gruß!

Thorsten B. · 15. April 2018

Zitat von JR Cologne

An deinem Router musst du eigentlich nichts ändern.

Das Problem ist, dass ein anderes Programm auf deinem PC bereits Port 80 besetzt.

Das kann z.B. Skype sein. Entweder du änderst also dort den Port oder du änderst den Port, der von Xampp genutzt wird:

https://stackoverflow.com/ques…-xampp-apache-server-port

Alles anzeigen

Okay, Ich habe die IP und den Port für den Server angeglichen. Der Server startet nun laut XAMPP.

Leider sehe Ich nun, wenn Ich die .php Seite lade, noch immer keine php-include-Abschnitte.

Erbitte nochmal Hilfe, da ich denke es handelt sich um einen trivialen Fehler wie:

- Darf Ich die Seite nun noch immer nicht regulär mit dem Firefox starten? Muss Ich die Seite anders öffnen?

Danke für eure Hilfe und Gruß

Thorsten

Thorsten B. · 15. April 2018

Moin!

erst mal danke das Ihr einem Anfänger wie mir Tipps gebt, echt super!

Ich habe gestern Abend versucht, per XAMPP einen Apache-Server auf meinem Windows10 System zu starten. Das hat ebenfalls erstmal auf Anhieb nicht geklappt.

XAMPP meldet:

09:20:18 [Apache] Problem festgestellt!

09:20:18 [Apache] Port 80 in Benutzung von "Unable to open process" (PID 4)!

09:20:18 [Apache] Apache wird NICHT starten, wenn die konfigurierten Ports nicht frei sind!

09:20:18 [Apache] Die blockierende Anwendung muss deinstalliert/deaktiviert/rekonfiguriert werden oder

09:20:18 [Apache] Apache und das Control Panel müssen auf einen anderen Port zu lauschen

dann folgt ( logischerweise denke Ich... )

09:20:21 [Apache] Fehler: Apache wurde unerwartet beendet

09:20:21 [Apache] Ursache könnte ein geblockter Port, fehlende Abhängigkeiten,

09:20:21 [Apache] fehlende Berechtigungen, ein Absturz oder ein Abbruch einer anderen Methode sein.

09:20:21 [Apache] Drücke den Logs Button um error logs zu sehen und prüfe

09:20:21 [Apache] im Windows Event Viewer für weitere Hinweise

09:20:21 [Apache] Wenn du weitere Hilfe benötigst, kopiere den kompletten Inhalt des Log Fensters

09:20:21 [Apache] und füge ihn als Ergänzung in einem neuen Forum Eintrag hinzu.

Ihr versteht mich sicher, Ich gebe nicht einfach auf verdacht irgendwelche Ports am Router/Firewall frei, deshalb möchte Ich mich kurz absichern:

Lösungweg via XAMPP:

- Port 80 am Router / Firewall für XAMPP freigeben.

Ist das korrekt?

Alternativ gibt es vielleicht eine einfacherere Lösung, einen PHP Server zwecks Seitenbau auf einem Windows10 Rechner zu installieren?

Danke für eure Hilfe,

Gruß T.

Thorsten B. · 13. April 2018

Okay, php ist halt Neuland für mich... Ich habe noch eine Frage, da es zunächst mal auf Anhieb nicht klappt:

Benötige Ich aufgrund von php weitere Ordner wie "templates" etc? Falls ja, wie ist der Aufbau notwendig.

Ach so:

Sollten der header/footer als ".html" oder als ".php" includiert werden?

Gruß!

Thorsten B. · 13. April 2018

Zitat von Sempervivum

Meine Empfehlungen:

Semantische Tags verwenden, also <header> statt <div id="header">, <nav> statt <div id="navbar">, so wie von Basti empfohlen.

Auf iFrame verzichten, er hat den Nachteil, dass sich die Größe zunächst nicht an den Inhalt anpasst und zusätzliche Tricks mit Javascript erfordert.

Dann für jede Seite eine einzelne Datei anlegen und die Teile, die auf allen Seiten gleich sind, mit PHP-include einziehen. Also

index.php:

PHP

<!DOCTYPE html>

    <html>

    <head>

        <title>...</title>

        <meta charset="utf-8" />

        <meta name="description" content="..." />

        <meta name="Keywords" content="..." />

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

        <script type="text/javascript" src="javascript.js"></script>

    </head>

    <body>
<?php include("header.html"); ?>
    <main>
        Hier die Inhalte der Hauptseite
    </main>
<?php include("footer.html"); ?>
    </body>
    </html>

Alles anzeigen

header.html:

Code

<header>

            <div id="logo">
                <img src="img\logo.header.jpg" />
            </div>

            <div id="res_btn" onclick="show_hide_nav('navbar')">
                <img src="img\button.png" />
            </div>
            <nav>
                <ul>

                    <li>
                        <a href="index.php">Home</a>
                    </li>

                    <li>
                        <a href="1.php">1</a>
                    </li>

                    <li>
                        <a href="2.php">2</a>
                    </li>

                    <li>
                        <a href="3.php">3</a>
                    </li>

                    <li>
                        <a href="4.php">4</a>
                    </li>

                    <li>
                        <a href="impressum.php">Impressum</a>
                    </li>

                </ul>
            </nav>
        </header>

Alles anzeigen

1.php:

PHP

<!DOCTYPE html>

    <html>

    <head>

        <title>...</title>

        <meta charset="utf-8" />

        <meta name="description" content="..." />

        <meta name="Keywords" content="..." />

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

        <script type="text/javascript" src="javascript.js"></script>

    </head>

    <body>
<?php include("header.html"); ?>
    <main>
        Hier die Inhalte von Seite 1
    </main>
<?php include("footer.html"); ?>
    </body>
    </html>

Alles anzeigen

usw. für den Footer und die weiteren Seiten.

Das wäre mein Vorschlag als Ausgangspunkt. Natürlich gibt es andere Möglichkeiten, wie nur eine Seite zu haben und den Main-Content mit Javascript einzuziehen.

Alles anzeigen

Super, lieben Dank für deine Hilfe.

Ich habe eine Verständnisfrage zum Seitenaufbau in diesem Fall:

gelten für die per php includierten Informationen die im Head vordefinierten Metaangaben?

Gruß!

Thorsten B. · 13. April 2018

Hey!

Danke für eure Antworten.

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

Mein aktueller Versuch sieht so aus:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<li><a href="impressum.html" target="mainframe">Impressum</a></li>

</ul>

</div>

<div id="mainframe"><iframe name="mainframe" src="index.html"></iframe></div> // DAS KLAPPT SO LEIDER NICHT ...

</body>

</html>

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

Wie gesagt, Ich bin leider Neuling in html/css.

Hat jemand einen für mich nachvollziehbaren Lösungsansatz?

Wäre Nice !!!!!!!!!!

Gruß!

Thorsten B. · 13. April 2018

Moin,

Ich bin Anfänger und bitte um Ratschlag.

Ich habe mir ca. 10 Stunden Infovideos und Tutorials bei Youtube angeschaut, ein wenig probiert und gemacht und getan in Sachen Html/css.

Habe diverse Grundstrukturen ausprobiert, jedoch nun zum Entschluss gekommen Ich frag besser mal nach (bevor Ich in eine falsche Richtung renne...).

Ich stehe vor folgendem grundsätzlichem Problem:

Eine moderne Page erstellen:

1. Header mit Navigation

2. einen dynamischen, aus dem header/navigation geladenen Inhalt

3. einem Footer

Wie würdet Ihr nach modernen Vorgaben vorgehen?

Wie würdet Ihr an meiner Stelle anfangen?

Gruß Thorsten

Beiträge von Thorsten B.

Grundaufbau einer modernen Page

Grundaufbau einer modernen Page

Grundaufbau einer modernen Page

Grundaufbau einer modernen Page

Grundaufbau einer modernen Page

Grundaufbau einer modernen Page

Grundaufbau einer modernen Page

letzten frame einer .gif einfrieren

letzten frame einer .gif einfrieren

Grundaufbau einer modernen Page

Grundaufbau einer modernen Page

Grundaufbau einer modernen Page

Grundaufbau einer modernen Page

Grundaufbau einer modernen Page

Grundaufbau einer modernen Page

Grundaufbau einer modernen Page

Grundaufbau einer modernen Page

Grundaufbau einer modernen Page

Grundaufbau einer modernen Page

Grundaufbau einer modernen Page