Webentwicklung - die besten Fragen

Verwandte Themen

RedHolzbein

20.10.2021, 00:47

Mit Links

Footer Hintergrundfarbe ändert sich nicht?

Hallo,

ich habe hier ein ganz einfachen Footer mit HTML und CSS. Das Problem ist, dass sich die Hintergrundfarbe des Footers einfach nicht ändert und ich keine Ahnung hab, woran das liegt. Habe schon alles versucht, was mir so bekannt ist.

Ich zweifle gerade ziemlich an mir selbst.

HTML:

<footer>   
        <section class="section_footer">
        <div class="social">
            <a href="https://facebook.com" target=”_blank”><i class="fab fa-facebook"></i></a>
            <a href="https://instagram.com" target=”_blank”><i class="fab fa-instagram"></i></a>
        </div>
        <ul class="list">
            <li><a href="Impressum.html">Impressum</a></li>
            <li><a href="datenschutz.html">Datenschutz</a></li>
            <li><a href="kontakt.php">Kontakt</a></li>
            <li><a href="credits.html">Credits</a></li>
        </ul>
        <p class="footer_text">
            Lorem Ipsum
        </p>
        <p> <a href="#top"><i class="fas fa-arrow-up"></i></a></p>
    </section>
    </footer>

CSS:

footer {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    background-color: whitesmoke;
}
.section_footer {
    padding: 40px 0px;
}
.social {
    text-align: center;
    padding-bottom: 25px;
    color:gray;
    display: flex;
    justify-content: space-between;
    padding: 0 850px;
    font-size: 50px;
}
.social a {
    font-size: 25px;
    color: inherit;
    width: 40px;
    height: 40px;
    line-height: 48px;
    display: inline-block;
    text-align: center;
    margin: 0 8px;
    opacity: 0.75;
}
.social a:hover {
    opacity: 0.9;
}
footer ul {
    margin-top: 0;
    padding: 0;
    list-style: none;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 0;
    text-align: center;
}
footer ul li a {
    color: inherit;
    text-decoration: none;
    opacity: 0.8;
}
footer ul li {
    display: inline-block;
    padding: 0 15px;
}
footer ul li a:hover {
    opacity: 1;
}
footer section p {
    margin-top: 15px;
    text-align: center;
    font-size: 30px;
    color: #aaa;
}
footer  a i {
    display: flex;
    justify-content: center;
    align-items: center;
}

Danke im Vorraus!

3 Antworten

Venomz50

18.10.2021, 21:24

Beitrag wurde 1 Mal erneut eingestellt

text-align:center; funktioniert nicht?

Ich versuche schon seit geraumer Zeit dieses Problem zu lösen, doch ich komme einfach nicht dahinter, vielleicht kann mir hier jemand netterweise bei meinem Problem weiterhelfen.

<!DOCTYPE html>                             
<style>
  body{
    font-family: Georgia, 'Times New Roman', Times, serif;
  }
  
 #top{
  text-align: center;
 } 
  
 #logo{
    color:rgb(255, 255, 255);
    background-color: crimson;
    display: inline-flex;
    font-size: 32px;
    font-weight: bold;
    padding: 8px;
    margin-top: 16px;
  }
  #logo-name {
font-size: 32px;
font-weight: bold;
margin: 16px;
text-align: center;
  }
</style>
<html>
  <head>
<title> Homepage </title>
  </head>
<body>
  <div id="top"></div>
  <div id="logo">OH</div>
  <div id="logo-name">Homepage</div>
  <div id="main"></div>
  <div id="footer"></div>
</body>
</html>

3 Antworten

bladiblub

16.10.2021, 18:36

Website widerrufen?

Hi!
ich habe mir vor kurzem ein Website Paket bei einem Editor-Anbieter zugelegt inkl Domain für 1 Jahr im Voraus gekauft. Ich bin jetzt leider total unglücklich, da ich kaum Individualität zeigen kann, da im Editor nicht viel an Bearbeitungsmöglichkeit vorhanden ist. In Vorschau Videos sah das leider komplett anders aus.
Gibt es eine Möglichkeit aus dem Vertrag rauszukommen und meine gezahlten 160€ zurückzukriegen? Gibt es da sowas wie ein Widerrufsrecht?

Danke im Voraus!

1 Antwort

Sopan983

16.10.2021, 14:06

Mit Bildern

Text über Bild anzeigen lassen? Webdesign?

Hallo,

ich würde gerne auf einer Internetseite Text auf einem Hintergrundbild anzeigen lassen.

Das Bild habe ich über CSS mit background-image: url(Bildname); eingefügt. Den Text normal mit HTML. Der Text wird zwar jetzt auch auf dem Bild angezeigt, allerdings mit einem weißen Hintergrund mitten im Bild (siehe Bild). Der Text soll aber natürlich ohne diesen Hintergrund angezeigt werden.

Da ich noch relativer Anfänger bin und nicht weiter weiß, hoffe ich erstmal hier auf Hilfe.

Danke im Vorraus.

1 Antwort

willi1998

12.10.2021, 22:31

(Visual Studio Code) Zahlenleiste ausblenden?

Abend Community! ;)

Ist der eine Möglichkeit in VSCode die Zeile auszublenden die die geschriebenen Zeilen auflistet?

1 Antwort

crRaphi

05.10.2021, 22:49

Beitrag wurde 1 Mal erneut eingestellt

Mit Links

Suchfunktion in Header (Jimdo)?

Hallo it-freunde.

Ich bin gerade dabei für einen Bekannten eine Webseite zu bauen.

Ich habe mir aus der Vorlagenliste von jimdo eine ausgesucht und angefangen.

Jetzt möchte ich eine Suchfunktion einbauen und weiß aber nicht wie das geht.

Link

Ich würde die Suchfunktion gerne dort einfügen, wo jetzt der Text "Für das Neue Zeitalter" steht.

Was wer wie das geht? Geht das überhaupt?

Danke im voraus

Ps.: ich habe kein Video gefunden, in dem erklärt wird, wie ich die suchleiste in den header bekomme.

2 Antworten

vanzeyy

03.10.2021, 20:45

Eigene Modemarke? Was beachten?

Hey,

ich und ein Freund haben uns überlegt, ob wir uns vllt mit einer eigenen Modemarke selbstständig machen. Ich habe dazu aber ein Paar Fragen:

Wie viel muss ich für Deutschlandweiten Versand pro Bestellung zahlen?
Gibt es gute fertig-Websiten wie Shopify oder ähnliches? Wie viel kosten diese?
Wie viel kostet die Produktion und Lieferund eines Oversized-Tshirts mit gutem Material und Print?
Welche Produktionsfirmen gibt es für kleinere Unternehmen? (10 Stückzahl)
Muss ich ein Gewerbe anmelden? (Wie teuer?)
Muss ich meine Marke schützen? (Wie teuer?)
Wie bekomme ich am besten Präsenz?
Wie kann ich eine Internet-Domain „Sichern“ ,also das erstmal keiner die domain klauen kann solange wir Werben aber noch keine Website haben?

1 Antwort

Brunoo123

25.09.2021, 21:11

Mit Bildern

Css datei not found 404?

Hey,

ich bin gerade dabei eine kleine Webseite mit PHP zu erstellen (MNit Xampp und visual studio code). Ich habe meine Webseite in mehreren Dateien aufgeteilt, damit ich einen besseren Übersicht habe aber leider ist ein Fehler aufgetreten. Die css Dateien werden nicht geladen. Ich weiß nicht , woran es liegt denn die Pfaden zu den Dateien stimmen alle aber sie werden trotzdem nicht gefunden bzw. geladen und ausgeführt. Also die Seite ist dann nicht gestylt.

----------------header.php-----------------------------
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/index.css">
    <title>Own Website</title>
</head>
<body>
    <header class="header">
        <div class="logo">
            <h2>Mode</h2>
        </div>
        <ul class="menu">
            <li class="items"><a href="#" class="links">Home</a></li>
            <li class="items"><a href="#" class="links">About</a></li>
            <li class="items"><a href="#" class="links">Service</a></li>
            <li class="items"><a href="#" class="links">Login</a></li>
        </ul>
    </header>
</body>
</html>

------------------------index.php-------------------
<?php include("./templates/header.php"); ?

---------------header.css--------------------

* {
    margin: 0;
    padding: 0;
}




body {

    background-color: #212121;

}

Meine Ordner Struktur

Die Fehlermeldung:

Diese Fehlermeldung bekomme ich, wenn ich mir den Seitenquelltext anschauen möchte und dann die css Datei aufmachen will. Die wird nicht gefunden.

Ich hoffe, dass ich das Problem halbwaches erklären konnte.

Danke im Voraus

2 Antworten

devilimker21

20.09.2021, 13:46

Webdevelopment lernen?

Guten Tag,

2 Freunde von mir und ich interessieren uns für Websites. Wir möchten dazu jetzt HTML, CSS ggf. Javasript lernen.

Was meint ihr, wenn wir uns täglich ein paar Stunden Zeit nehmen dafür, wie lange würde dies dauern die einzelnen Sprachen zu erlernen. Wir denken dabei nicht an super komplexe Websites, sondern erstmal kleine Websites mit einem Design und ein paar kleinen Funktionen. Alles andere ergibt sich ja nach der Zeit.

Mit freundlichen Grüßen ^^

6 Antworten

aicev2

17.09.2021, 17:12

Hallo alle zusammen,

Ich bin neu in der Web Entwicklung und möchte gerne ein Login Formular bauen welches eigentlich schon fertig ist.(gemacht mit html/css) nun möchte ich gerne, dass wenn der richtige name und das richtige passwort eingegeben wurde man auf eine andere Seite geleitet wird. andernfalls wird die login seite neugeladen.

geht das alles überhaupt nur mit html oder wie genau kann ich das machen?

Danke im vorraus!

1 Antwort

FatMarx

05.09.2021, 15:22

Reseller Hosting Service für Privatsphäre und Datenschutz?

So gut wie jeder Reseller-Hosting-Anbieter will meine Adresse und meine Bankdaten wissen und dutzende weitere Informationen sammeln. Dabei fühle ich mich unwohl, denn ich möchte einfach nur einen Server mieten und diesen mit PayPal bezahlen. Gibt es einen Anbieter, der auf meine Privatsphäre und auf Datenschutz achtet? Ich bedanke mich für jede Empfehlung.

1 Antwort

Johnomaillerio

05.09.2021, 09:32

Wie sichert Google die Daten?

Arbeitet im Hintergrund von der Google Suchmaschine SQL?

Oder auf welche SQL Sprache stützt sich bei Google alles?

Mich würde die Technologie dahinter interessieren da man mehrere Millionen Datensätze um Bruchteilen vom Sekunden ermittelt. Bei einigen Projekten stockt alles bei lediglich 20.000 Datensätze, daher interessiert mich wie das möglich ist.

prinzipiell vor allem ob im klassisches SQL im Einsatz kommt

1 Antwort

Lana567

30.08.2021, 22:17

Wie Typo3 Seite veröffentlichen?

Hey, ich bin dabei für mein Einzelunternehmen eine Website mit Typo3 zu erstellen.

Nun zu meiner Frage:

Wie veröffentliche ich meine Typo3 - Seite?

Danke für eure Antworten.

2 Antworten

Splatoon278

28.08.2021, 09:17

Javascript verlinken funtioniert nicht?

Hallo,

Ich habe das seltsame Problem, dass ich eine Javascript Datei nicht verlinken kann. Bzw. dass der Inhalt auf der Javascript Datei nicht ausgeführt wird.

So habe ich die Datei im <head> Tag verlinkt:

Der Inhalt auf der Javascript Datei ist folgender:

"use strict"

$("#akzeptieren").click(function() {

$(".cookie").hide();

})

Wenn ich den Javascript Code allerdings in der selben HTML Datei ausführe mit

$("#akzeptieren").click(function() {

$(".cookie").hide();

})

</script>

funktioniert er.

Woran kann das liegen? Ich habe schließlich weitere Javascript Dateien verlinkt die alle funktionieren. Auch habe ich die JQuery Datei im <head> Tag verlinkt. Ich benutze den aktuellen Chrome Browser. Mit Firefox habe ich es auch schon probiert. Dort geht es auch nicht.

Als Editior verwende ich Visual-Studio-Code.

Ich bin gerade ziemlich verwirrt. Habe ich irgendwo einen Fehler gemacht?

3 Antworten

User42527656

27.08.2021, 10:35

Mit Links

Wie kann ich auf meiner eigenen Webseite ein Zufallsbild anzeigen lassen?

Hallo,

ich habe eine Domain und viel Webseiten, wo Bilder drauf sind.

Nun wollte ich wissen, ob ich diese Bilder genau so anzeigen kann wie hier: https://cataas.com/cat?.

Wichtig hierbei ist, dass nur das Bild angezeigt wird und die Domain gleich bleibt!

Ist das möglich? Also sicherlich, aber wie?

2 Antworten

dawiddawaj

24.08.2021, 21:57

Wie kann ich ein Filtersystem wie bei mobile.de mit einem Website-Baukasten erstellen?

Ich würde gerne eine Website erstellen, die einen Filter auf der Startseite hat. Der Filter soll nach Marke, Modell, Hubraum und noch ein paar anderen Eigenschaften sortiert werden. Also so wie bei mobile.de nur absolut nicht so umfangreich.

Der Filter sollte zudem so aufgebaut sein, dass ich erst dann etwas bei Modell auswählen kann, wenn ich davor etwas bei Marke ausgewählt habe, da z.B. BMW andere Modelle hat als Audi. Außerdem wollte ich fragen, welchen Baukasten ihr empfehlen würdet dafür.

Danke im Vorraus.

1 Antwort

alberttomasusw

16.08.2021, 20:42

ReactJs wie kann ich einzelne html Seiten erstellen die uber React laufen?

Ich probiere zur Zeit ein ReactJs Tutorial und frage mich gerade wie man es hinbekommt mit dem Aufruf von verschiedenen Urls verschiedene html Seiten zu laden wo dann auch so wie jetzt in der index.html die Seite mit React Componenten aufgebaut wird.

Zur Zeit wird immer die index.html geladen wenn man nach localhost plus port im Browser surft und diese index.html ist ja mit React Componenten aufgebaut, ich will jetzt aber beispielweise fuer alle verschiedenen Funktionen von React eine eigene Beispielseite bauen, z.b. ich erstelle zwei html Seiten mit Namen "functinalcomponent.html" und "classcomponent.html" dann will ich ein Link zu diesen beiden Seiten platzieren und wenn man den link klickt soll anstelle von index.html die jeweilige HTML Seite geladen werden mit React Compnenten die nur speziell fuer diese HTML Seite erstellt sind, wie macht man das oder geht das nicht?

Soweit ich das bis jetyt verstanden habe wird die index.html mit der app.js Datei gerendert und den Inhalt der index.html baut man in der app.js Datei mit Componenten auf, logisch betrachtet wuerde ich dann jetzt gerne fuer alle anderen HTML Seiten eine eigene app.js Datei erstellen damit die dann auch mit den zugehorigen React Componenten aufgebaut wird.

1 Antwort

Undercover235

15.08.2021, 08:48

Bild aus einem Input mit Javascript anzeigen?

Ich würde gerne, dass man eine Datei hochlädt und mit einem Button dann auf der Seite anzeigen lassen kann. Ich habe schon etwas rum probiert und es kommt immer nur " [object HTMLImageElement] " raus.

Mein Code ist dieser:

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>

        function anzeigen() {

            let bild = new Image();
            bild.src = document.getElementById("input");

            document.getElementById("bild").innerHTML = bild;

        }


    </script>
</head>
<body>
    <input type="file" accept="image/png, image/jpg" id="input">
    <input type="button" onclick="anzeigen();">
    <div id="bild">



    </div>
</body>
</html>

Das hochladen von Dateien funktioniert perfekt. Nur wird das Bild nicht angezeigt.

(Bin Anfänger)

Danke für eure Hilfe^^

2 Antworten

Schueler99K

14.08.2021, 16:42

JavaScript: Wie kann ich den Browser nach zwei Sekunden automatisch in den Vollbildschirmmodus wechseln lassen?

Hallo,

ich habe eine .html-Datei und möchte, dass, wenn diese Datei ausgeführt wird, dass dann im Browser nach zwei Sekunden der Vollbildmodus aktiviert wird.

Also, dass das Gleiche passiert, wie wenn man die Taste F11 drückt, nur mit dem Unterschied, dass das automatisch nach zwei Sekunden passiert.

Folgenden Code habe ich probiert:

<script>
  setTimeout(function() {
    enterFullscreen(document.documentElement);
  }, 2000);
</script>

Jedoch funktioniert dieser nicht.

Welchen Code muss ich dafür verwenden?

2 Antworten

chalaa

12.08.2021, 19:08

PHP dynamische Tabelle?

Hallo zusammen,

ich würde gerne Daten aus einer Datenbank mit PHP auf einer Webseite anzeigen lassen. Wie man die Verbindung mit einer DB herstellt und wie man die mit SQL ausliest weiß ich. Jedoch möchte ich die Werte in einer Tabelle anzeigen, die sich ständig wie die Werte ändert. Was gibt es da für Möglichkeiten? Kann ich eine art if-Abfrage machen, mit der wenn neue Werte in die Datenbank kommen eine neue Zeile in der Tabelle erstellt wird (z.B. eine einfache HTML Tabelle die sich ständig erweitert)? Und wie kann man das mit PHP programmieren, dass die DB ständig automatisch neu ausgelesen wird?

Ich hab erst vor kurzem mit Webdevelopment angefangen, das ist mein erstes Projekt. Ich kenne mich mit den Sprachen noch nicht so richtig aus, deswegen weiß ich nicht wie man sowas realisiert.

Falls meine Vorgehensweise totaler Quatsch ist und ihr bessere Vorschläge habt oder ihr Tipps habt wie ich das Umsetzten kann wäre ich euch echt dankbar.

1 Antwort

Verwandte Themen

Meistgelesene Beiträge zum Thema Webentwicklung