Anonym932039
12.02.2021, 16:46
Menü responsive machen, aber wie?

Kann mir jemand weiterhelfen und mir das Menü responsive machen? Ich würde gerne ein Toggle-Navigstion machen, wie im Beispiel: https://be-responsive.de/thumbs/navigation/toggle/5-navigation-4-toggle-1217x660-q92.jpg.

Zur Datei:https://jsfiddle.net/1zwLxr8b/

 ...zum Beitrag
Antwort
von Stefan559
13.02.2021, 16:41

So nur mal auf die schnell, muss natürlich noch angepasst werden

<!DOCTYPE html>

<html lang="de">

<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<style>

ul {display:flex;justify-content:center;list-style:none; background-color:lightgrey;}

ul li {margin:0 10px;color:white;font-size:35px;}

.hamburger {border-top:2px solid black;width:20px;margin:5px 0;}

.flexhamburger {display:none;justify-content:center;}

.close {display:none;}

@media (max-width:700px) {

ul {display:none;}

.flexhamburger {display:flex;}

}

</style>

</head>

<body>

<div class="flexhamburger" id="ham">

<div>

<div class="hamburger"></div>

<div class="hamburger"></div>

<div class="hamburger"></div>

</div>

</div>

<div class="close" id="clos">CLOSE</div>

<ul id="menu">

   <li>Startseite</li>

   <li>Kochen</li>

   <li>Accessoires</li>

   <li>Porzellan</li>

   <li>Stoffe</li>

   <li>Inneneinrichtungen</li>

   <li>Kontakt</li>

</ul>

<script>

$(".flexhamburger").click(function(){

$("#menu").slideToggle();

});

$(window).resize(function () {

if ($(window).width()>700) {

$("ul").css("display", "flex");

}

else

{

$("ul").css("display", "none");

}

});

</script>

</html>

 ...zur Antwort
Username019485
12.02.2021, 18:35
Warum werden die zwei DIV-Container innerhalb eines main-DIVS nicht links nebeneinander platziert und mittig ausgerichtet?

Warum funktioniert das nicht? Sonst hat es immer einwandfrei funktioniert, nur diesmal irgendwie nicht.

Wenn ich die Breite des ersten DIV-Containers innerhalb des main-Containers auf 50% stelle, sind sie nebeneinander, aber nicht mittig, obwohl ich table und margin angewendet habe.

 ...zum Beitrag
Antwort
von Stefan559
13.02.2021, 14:32

Nebeneinander kannst du auch mit Inline erreichen. Kommt drauf an was dein Ziel ist. Generell würde ich aber auch zur Flexbox raten. Damit kann man am besten ausrichten.

Wenn deine div keine Schriftinhalt haben floaten sie ja hintereinander. Nur die schrift floatet ja.

 ...zur Antwort
ElmedinKa
12.02.2021, 20:21
Wie zentriere ich meine HTML Tabelle in die Mitte?

Hey Leute!

Ich bin momentan in der 10ten Klasse und möchte gerade bisschen an mein Informatik Projekt weiterarbeiten allerdings weiß ich nicht wie ich meine Tabelle in die Mitte zentriere.

(Bitte nicht auslachen bin ein neuling :D)

<table>

       

        

   

        <tr> <th>Wochentag: </th><th>Montag</th><th>Dienstag</th><th>Mittwoch</th><th>Donnerstag</th><th>Freitag</th><th>Samstag</th><th>Sonntag</th></tr>

        <tr> <td>Von:</td><td>13:30</td><td>13:30</td><td>06:30</td><td>15:00</td><td>14:30</td><td>16:00</td><td>11:00</td><td></tr>

        <tr> <td>Bis:</td><td>18:30</td><td>18:30</td><td>18:30</td><td>18:00</td><td>18:30</td><td>18:00</td><td>15:00</td><td></tr>

       

       

        </table>    

 ...zum Beitrag
Antwort
von Stefan559
13.02.2021, 14:26

Schau dir mal das Thema Flexbox an.

Damit lässt sich am leichtesten zentrieren.

 ...zur Antwort
verreisterNutzer
12.02.2021, 15:08
Zinsrechnung(zinseszins) hilfe?

Hallo ich habe diese Aufgabe in Mathe und ich verstehe es nicht

Würde das nicht alles über 100 jahre ergeben? Ich verstehe das nicht ganz. Ich brauche auch keine lösung oder so ich will nur wissen wie ich das rechnen soll oder ob das wirklich über 100 jahre ergibt :))

 ...zum Beitrag
Antwort
von Stefan559
12.02.2021, 15:11

nicht zum verstehen aber zum prüfen

Zinsrechner - Zinsen online berechnen (zinsen-berechnen.de)

 ...zur Antwort
euiuerghrugt
11.02.2021, 18:08
Ideen für einfache HTML Webseite?

Hey.
Für mein Praktikum möchte ich eine kleine Webseite erstellen - egal was.
Doch mir fehlen Ideen.

Solltest du irgenteine Idee haben, zum Beispiel ein Blog über ein Thema etc. lass es mich gerne wissen.
Wenn du magst, schreibe doch auch gerne zu deiner Idee, wie die Domain sein soll, eventuell wie das Logo aussehen soll, und der Aufbau.

Ich melde mich dann bei dir.

Danke für jede Antwort, auch wenn es eine eher seltene Frage ist :D

...zum Beitrag
Antwort
von Stefan559
11.02.2021, 19:56

Vielleicht ein Kochzept mit Foto, Listen, verschiedenen Überschriften...

 ...zur Antwort
Hendi11
10.02.2021, 15:28
HTML/CSS - ul mit Aufzählungspunkten sind außerhalb DIV?

Hallo,

meine ul Liste mit li-Items kann ich zwar zentrieren, aber die Aufzählungspunkte sind dann außerhalb vom DIV.

Wenn ich der ul kein padding-left vergebe, sind die Punkte überhaupt nicht sichtbar.

Auch mit margin: 0 auto bekomme ich maximal die li zentriert die Punkte nicht.

HTML

<div class="container">       
      <ul class="Woche">
          <li>Montag</li>
          <li>Dienstga</li>
          <li>Mittwoch</li>
          <li>als Beuspiel</li>  
      </ul>
</div>

CSS

.container {
    width: 100%;
}
.container ul {
    text-align: center;
    margin: 0 auto;
}

Weiß jemand, woran es liegt?

 ...zum Beitrag
Antwort
von Stefan559
10.02.2021, 15:38

du zentrierst dein ul. Füge ul li {list-style-position:inside;} hinzu. hilft das?

 ...zur Antwort
BinazenCW
10.02.2021, 06:36
CSS will nicht?
Guten Morgen,

ich habe eine Frage an euch.
Ich habe einen Webspace zum rum experimentieren und ich habe mir vorgenommen, dass ich mir eine eigene Art von "Linktree" sozusagen programmiere mit HTML & CSS (auch wenn man eigentlich HTML nicht programmiert, aber egal, die Seite ist in HTML/CSS).
Ich habe schon grundsätzlich die Buttons, Fotos etc. aber CSS möchte nicht so sein, wie es soll.
Ich rede hiervon über die Platzierung des div's.
Ich habe einen 2K Monitor, ob es wichtig ist: Weiß ich nicht.
In CSS habe ich eher % verwendet als px und hier kommen wir zum Problem.
In meinem Monitor, Fullscreen, bei Chrome, sieht die Seite aus wie ich es mir vorstelle, also zentral.
Aber sobald ich den Browser kleiner mache oder man vom Handy die Seite sehen möchte, dann ist der ganze Kasten mit den Buttons nach rechts verschoben.
Vielleicht seht ihr meinen Fehler, dass ist der Code:
HTML: https://pastebin.com/RCGeXsD3
CSS: https://pastebin.com/QfZqAcRT

 ...zum Beitrag
Antwort
von Stefan559
10.02.2021, 11:29

naja muss er ja nicht teilen, ist ja dem Fragesteller überlassen. Aber danke für den Input.

 ...zur Antwort