CSS – die besten Beiträge

Ich habe eine Schulaufgabe eine linie zu machen die Links einen kleine Lücke hat. Also sonst soll die ganz durch gehen aber links sol am ende eine kleine lücke sein. Wir dürfen das mit Html und css machen.

Hallo,

ich baue zurzeit meine erste Seite und schaffe es leider nicht, den Rand ganz unten wegzubekommen. Hat wer eine Idee? Ich habe padding und margin auf 0...

Ich habe mir für mein Intranet ein kleines Video-Portal programmiert - das eigentlich ganz gut funktioniert.
Oben gibt es eine aufklappbare Ansicht mit Haupt und Unterkategorien und wenn eine Unter-Kategorie angeklickt wird öffnet sich die Seite mit einer Übersicht relevanter Videos.

Die Haupt-Kategorie gebe ich als URL-Parameter mit -> das funktioniert auch und es wird verdeckt die zu letzt verwendete Hauptkategorie angewählt.

Was nicht funktioniert, ist den Button für die aktuelle Hauptkategorie im Reitermenü so hervor zu heben als wenn er angeklickt wurde - bzw. den Button zu aktivieren.

JavaScript:

function openCity(evt, cityName) {
  // Declare all variables
  var i, tabcontent, tablinks;


  // Get all elements with class="tabcontent" and hide them
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }


  // Get all elements with class="tablinks" and remove the class "active"
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }

PHP-Script:

$cat = "Musik";
if (isset($_GET['cat']))
{
$cat = ($_GET['cat']);
}

echo '<details><summary> Kategorien: </summary>';
echo '<div class="tab">';

echo '<button type="button" name="Musik" class="tablinks" onclick="openCity(event, \'Musik\')">Musik</button>
<button type="button"  name="Anleitungen" class="tablinks" onclick="openCity(event, \'Anleitungen\')">Anleitungen</button>
<button type="button"  name="Kochen" class="tablinks" onclick="openCity(event, \'Kochen\')">Kochen</button>
<button type="button"  name="Backen" class="tablinks" onclick="openCity(event, \'Backen\')">Backen</button>
<button type="button"  name="Heimwerken" class="tablinks" onclick="openCity(event, \'Heimwerken\')">Heimwerken</button>';
  
echo '</div>';

echo '<!-- Tab content -->
<div id="Musik" class="tabcontent">
<div style="column-count: 5;">
'.$category_Musik.'
</div>
</div>

<div id="Anleitungen" class="tabcontent">
<div style="column-count: 5;">
'.$category_Anleitungen.'
</div>
</div>

<div id="Kochen" class="tabcontent">
<div style="column-count: 5;">
'.$category_Kochen.'
</div>
</div>

<div id="Backen" class="tabcontent">
<div style="column-count: 5;">
'.$category_Backen.'
</div>
</div>

<div id="Heimwerken" class="tabcontent">
<div style="column-count: 5;">
'.$category_Heimwerken.'
</div>
</div>';

echo '</details>';

echo '<SCRIPT type="text/javascript" language="JavaScript">
openCity(event, \''.$cat.'\'); 
</SCRIPT>';

CSS-Definitionen:

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}


/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}


/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}


/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}


/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

so sieht es aus:

so soll es nach dem Laden der Seite aussehen:

Hat jemand eine Idee wie ich den Button für die aktuelle Kategorie beim Laden der Seite automatisch aktivieren kann?

http://www.schachenfriseur.de/index.php/friseursalon

Hey,

es gibt auf der Webseite unten eine Taste auf der „Paste“ draufsteht, ich verstehe dies aber nicht wie das funktionieren soll, deswegen frage ich hier mal nach.

Ich möchte meinen bereits erstellen Tellraw Command somit in die Webseite wieder einfügen und daran weiterarbeiten, da ich nicht nochmal alles schreiben möchte.

Versteht ihr das wie das gehen soll?

Schonmal danke!

Wenn man als Webdesigner arbeitet und einen Auftrag vom Kunden bekommt eine Website für ihn zu erstellen, wie genau läuft das ab?

Man bespricht die Vorstellungen, Namen der Website, und wenn man anschließend fertig mit dem erstellen ist, wird dem Kunden dann einfach sämtliche Login Daten vom Webhoster und Domain Anbieter gegeben oder wie läuft das ab?

hallo, ich möchte eine webseite machen bzw ein forum. aber was brauch ich dafür alles? im internet werde ich net wirklich fündig. ich muss eine domain kaufen. dann html, css. aber dann brauch ich ja noch eine datenbank für die benutzer daten und sowas. könnte mir jemand helfen?

Ich habe die letzten Tage sehr lange an einer Website im Frontend gearbeitet, die ich für das Unternehmen meiner Mutter machen wollte.

Die Website ist auch sogut wie fertig, das Frontend funktioniert und ich weiß auch, wie ich die Website hochladen kann.
Jedoch habe ich an einem Punkt noch massive Probleme:

An einer Stelle der Website soll der Besuche in ein Formular seinen Namen und seine Email Adresse eingeben, um weitergeleitet zu werden. Das funktioniert auch soweit, jedoch sollen die Daten gleichzeitig in dem Dienst activecampaign gespeichert werden.

Leider habe ich es mit meinen Javascript Kenntnissen und auch mit ChatGPTs, sowie der Hilfe des Supports von Activecampaign nicht geschafft, dies zum laufen zu bringen.

Nach erneuter Recherche habe ich dann herausgefunden, dass ich wohl aufgrund der Fehler, die die Konsole ausgibt mit einem Backend arbeiten sollte, um die Daten an die API von Activecampaign weiterzuleiten. Allerdings bin ich kompletter Amateur und habe 0 Ahnung von Backend Programmierung und gehe auch nicht davon aus, dass wenn ich mich damit nun eine Weile intensiv beschäftigen würde, das Problem in nächster Zukunft immernoch nicht beheben kann.

Allerdings ist es in meinem Kopf auch nicht mehr unbedingt viel Arbeit, um das ganze dann fertig zu stellen oder? Immerhin geht es ja nur noch um das Übermitteln von Daten.

Ich frage mich nun, wie ich das gelöst bekomme. Ich habe jetzt nicht unbedingt jemanden in meinem Umfeld, der sich damit auskennt und mir helfen könnte oder so und alles an Dienstleistungen, was ich zum Beispiel auf Fiverr finden konnte, dreht sich nur um die gesamte Programmierung eines Backends oder einer ganzen Website. Jedoch ist das ja so gesehen viel zu viel, was ich buchen würde, wenn es nur darum geht, ein Formular mit der API zu verbinden.

Ich will halt auch wenn dann einen seriösen Auftragnehmer haben, da es ja um Kundendaten geht, jedoch weiß ich nicht, wie ich das alles umsetzen kann...

Ich bin so kurz vorm Ziel und komme jetzt einfach nicht weiter, es ist so deprimierend, vor allem nach der ganzen Arbeit, die da schon drin steckt...

Früher oder später will ich aber auch den Skill haben, genau dieser Art zu programmieren, allerdings gehe ich derzeit noch hauptsächlich in die Schule...

Wo taucht man dahingehend so in das Thema ein, dass man das lernt? (am besten von Zu Hause aus)

Vorweg, ich weiß, dass „programmieren können“ ein sehr dehnbarer Begriff ist und es einen großen Unterscheid zwischen einem Full Stack Developer und einem Hobby-Skripter gibt, der Tastenkombinationen automatisiert.

Trotzdem die Frage, wie lange braucht ein absoluter Beginner ohne jegliche Vorkenntnisse bis er auf dem Niveau ist, Projekte zu realisieren, wie beispielsweise eine professionelle Website (zb wie Apple.com)? Also eher Fokus Anwendung: Freie Wirtschaft, sprich Websites, Apps, Dashboards etc.

Was ist da eure Einschätzung? Nach wie vielen Wochen/Monaten/Jahren hat man welchen Milestone erreicht?

Hallo zusammen,

ich will das auf meiner Webseite auf der rechten hälfte das Bild ist und auf der linken Seite eine Farbe z.B. Grau, wie kann ich's machen dass sich das rechte bild sich dann zur mitte in die Hintergrundfarbe verläuft?

Danke!

Wie geht das? Jetzt abgesehen von Web Entwicklung. Also große Programme haben das ja immer.

Hallo ihr Lieben!

Ich habe einen Verein gegründet und wir brauchen eine ordentliche Website. Das Team der ITler besteht aus 3 Personen (inkl. mir). Einer davon kann Frontend (Design, CSS), einer kann Backend (Datenbanken, HTML, JS, Serverkonfiguration). Ich kann alles davon nur so ein bisschen und koordiniere das Projekt. Bisher haben wir eher provisorisch eine WordPress Seite, sind damit aber aus folgenden Gründen nicht zufrieden:

1. Unübersichtlich mit den vielen Plugins usw. - es ist nicht einheitlich und wirkt zugemüllt und umständlich
2. Der Code ist schwer zu lesen und nachzuvollziehen
3. Man kann den Code (soweit ich weiß) nicht vollständig anpassen und ist daher in Hinblick auf Design und Funktionalität eingeschränkt (in unserem Theme „Astra“ kann man Designfarben einstellen, sieht aber nicht, wo sie verwendet werden)

Jetzt suchen wir nach einer Alternative. Man könnte versuchen, die Website ohne CMS o. Ä. auf die Beine zu stellen, man könnte ein anderes, anpassbareres CMS verwenden oder bloß ein CMF, wobei ich nicht sicher bin, ob das viel besser ist.

Wir können im Moment nicht genau einschätzen, ob es realistisch ist, die Webseite ohne CMS o. Ä. sicher, ordentlich und schön aufzubauen. Allerdings wissen wir auch nicht, ob es ein CMS gibt, das so viel Anpassbarkeit bietet, dass man (mit genug Programmierkenntnissen) theoretisch ALLES umsetzen kann. Funktionen, die wir brauchen, wären:

• Beiträge (Blog, News)
• Normale Inhaltsseiten
• Eingebundene Mediendateien
• Kleine eingebettete Online-Spiele
• Kontakt/Anmeldeformulare
• Suchfunktion
• Design exakt, wie der Designer es sich vorstellt
• evtl. ungewöhnliche Seitennavigation (Nicht nur mit Standard Menüs, wie bei WordPress von Anfang an drin)

Denkt ihr, WordPress oder Drupal ist durch Themes, Plugins/Modulen etc. doch anpassbar genug und wir müssten uns nur mal genauer hineindenken oder sollte man in unserem Fall lieber ganz auf Content-Management Optionen verzichten?

Vielen Dank schon mal für eure Antworten!

Sobald man flex 1 setzt, schiebt sich die "ul" nach rechts. Warum das?

Hallo und Danke.

Frohen Tag!

<nav>
  <div class="logo">
    <a href="#"><img src="logo.svg" alt="logo">Logo</a>
  </div>
  <div class="toggle">
    <a href="#"><ion-icon name="menu-outline"></ion-icon></a>
  </div>
  <ul class="menu">
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>

Und diesem CSS:

nav {
  background: #255;
  padding: 5px 20px;
  display: flex;
  align-items: center;
}

.logo img {
  width: 60px;
  margin-right: 10px;
}

nav a {
  color: #fff;
}

nav a:hover {
  color:aquamarine
}

.logo {
  flex: 1;
}

.logo a {
  display: flex;
}

Hallo zusammen,

Ich bin Programmierer, bzw. kann mit Python und HTML programmieren,

und habe gerade eine Blokade, also ich weis nicht was ich coden soll.

Habt ihr ne Idee?

Danke im vorraus.

Hallo liebes Forum,

wie bekomme ich es hin den mit span umschlossenen zweiten Teil meiner Überschrift (gemeint ist hier mein h2) bei 81.25em (mein querie) in die nächste Zeile zu bekommen?

<div id="header-global">            
  <h1><a href="/test/public/***.html">My-Site.eu</a></h1>
  <h2>Wand&shy;zeitung<span> - täglich Neuig&shy;keiten</span></h2>
</div>

/* -- HEADER -- */

   header h1, header h2 {

      display: flex;

      flex-wrap: wrap;

      flex-direction: row;

   }   

   header h1 {      

      justify-content: flex-end;

      align-items: flex-end;

      padding-bottom: 0.15em;

   }

   header h2 {

      justify-content: flex-start;

   }

Bei 81.25em soll also mein mit span unschlossene Teil in die nächste Zeile wandern?

Wie kann man das bewerkstelligen?

M.

Ich habe ein Testprogramm geschrieben, in dem man ein Passwort eingibt, dass dann gehasht in einer Datenbank gespeichert wird. Wenn ich mit dem Passwort vergleiche kommt aber nicht true sondern false raus. Das ganze habe ich in WebFTP gemacht.

Als Ausgabe bekomme ich:

123456789 $2y$10$4TMgUO3xGJMCy5iZnd6Be.TBRkIO2Z55GGwgQ5oeToD.ryJZAvvte Richtig In Datenbank übertragen $2y$10$4TMgUO3xGJMCy5iZnd6Be.TBRkIO2Z55GGwgQ5oeToD.ryJZAvvte Falsch Richtig übertragen

Bedeutet das gehashte Passwort wurde richtig gespeichert, aber passwort verify hat beim zweiten mal false zurück gegeben.

Hier ist der php Teil dazu:

<?php
if (isset($_POST["start"])) {
    $password = $_POST["password"];
    $email = $_POST["email"];
    echo $password . " ";
    $passwordHash = password_hash($password, PASSWORD_DEFAULT);
    echo $passwordHash . " ";
    if (password_verify($password, $passwordHash)){
        echo "Richtig ";
    }else{
        echo "Falsch ";
    }
    require_once "data.php"; //Hier wird die Datenbankverbindung gespeichert
    $statement = $pdo->prepare("INSERT INTO tab (email, password) VALUES (?, ?)");
    $statement->execute(array($email, $passwordHash));
    if ($statement){
        echo "In Datenbank übertragen ";
        $sql = "SELECT * FROM tab WHERE email='$email'";
        $user = $pdo->query($sql)->fetch();
        $passwordTest = $user["password"];
        echo $passwordTest . " ";
        if (password_verify($password, $passwordTest)){
            echo "Richtig ";
        }else{
            echo "Falsch ";
            if ($passwordHash == $passwordTest){
                echo "Richtig übertragen ";
            }else{
                echo "Falsch übertragen ";
            }
        }
        die();
    }else{
        die("Es ist etwas schief gelaufen");
    }
}
?>

Was sind die wichtigsten Sachen, die ich nutzen sollte, damit meine Webseite, wo es nur um ein Produkt geht optimal performt. Meine damit Sachen wie zB FAQ-Bereich oderso. Was sollte ich beachten, will es so gut wie möglich machen

"Startseite" verschwindet in der mobilen Ansicht aus dem Header und ist dann nur noch in der ausgeklappten Menü-Version verfügbar.
Ich möchte jetzt allerdings ein Element (ähnlich wie "Startseite") haben, das NUR in der collapsed-Version sichtbar ist. Könnt ihr mir da helfen?