Beiträge von JR Cologne

JR Cologne

Dass du den main-Tag in HTML4 hattest, kann nicht sein. Der existiert erst seit HTML5.

Ich verweise dich einfach mal auf das Mozilla Developer Network, wo es immer eine sehr schöne Übersicht und Erklärung zu dem Tag gibt.

Dort heißt es:

Zitat

The HTML <main> element represents the main content of the <body> of a document or application.

Möchte jetzt aber auch keine Diskussion anfangen, lieber zurück zum eigentlichen Thema...

bloodyball Du musst dem Footer position: relative; geben, dann klappt's.

JR Cologne

Äh, ja. Sorry, wie gesagt.

Ich werde mir das gleich mal anschauen, sobald ich am PC bin. Auf dem Handy ist mir das zu aufwendig.

JR Cologne

Achso, sry. Habe dich anscheinend total falsch verstanden.

Was du brauchst, ist eine textarea.

Also so:

HTML

<textarea></textarea>

JR Cologne

Kann es sein, dass das, was auf dem Bild zu sehen ist und zentriert ist, der Placeholder ist?

Dachte nämlich du meinst den Text, den man einträgt...

JR Cologne

Zitat von Seepferdchen

HTML

<article>
   <!--  ab hier Seiteninhalt   -->
   <h1>Überschrift</h1>
   <p>der ganze Text etc.</p>
</article>

Warum packen manche (inkl. du) den Content in den article-Tag, der für mich eher als Auszeichnung für Artikel gilt und nicht vom gesamten Content?

Besser ist meiner Meinung nach der <main>-Tag.

Steckt da irgendein tieferer Sinn hinter? Tut mir leid, dass ich damit jetzt vielleicht am Thema vorbeigehe, aber wo ich das gerade wieder sehe, muss ich einfach mal nachfragen.

JR Cologne

Der Code wäre hilfreich, aber ich tippe jetzt einfach mal darauf, dass du die Boxen floatest, aber diese zu Breit sind und nicht mehr in den umliegenden Content passen, was dann diesen Umbruch verursacht.

JR Cologne

Wahrscheinlich hat der Browser dem Input standardmäßig ein wenig padding verpasst. Setze das mal zurück und schaue was passiert.

Edit: Ich rede mal wieder Mist. Es liegt natürlich an der line-height. Setze diese auf die height, also 200px, und dann sollte es wieder am Rand sein.

JR Cologne

Nein, natürlich nicht. Ob eine Klasse oder ID xy oder xyz heißt, ist völlig egal. Man sollte lediglich auf Sonderzeichen usw. verzichten.

JR Cologne

Stimmt. Das wäre besser. Ganz vergessen.

JR Cologne

Hallo,
vorstellen kannst du dich hier: https://www.html-seminar.de/html-css-php-f…lieder-bereich/

Zu deinem Problem:

Es gibt in CSS eine Funktion namens calc(), mit der du z.B. von einer Prozentzahl eine Pixelzahl abzählen kannst.

Das sieht dann so aus:

CSS

img {
   max-width: calc(100% - 30px);
}

JR Cologne

Ah, perfekt. Es klappt alles!

Vielen Dank. Warst mir eine große Hilfe.

JR Cologne

Wow, danke. Probiere ich sofort aus.

Edit: Hm, irgendwie funktioniert es nicht. Habe die Ids ins Array eingetragen und auch den Bildern gegeben, und dennoch will es nicht.

JR Cologne

Hm, bin ich jetzt zu blöd, um das Label zu erwischen und habe immer auf den Link geklickt?!

Das ist echt kurios...

Die Tatsache, dass es noch nicht hundertprozentig zentriert ist, habe ich erstmal außer Acht gelassen.

So, dann muss ich wohl nochmal ein bisschen rumprobieren...

Edit: Alles klar. Es scheint tatsächlich am Browser zu liegen. Im IE 11 funktioniert es nicht, dafür aber im Chrome und Firefox.

JR Cologne

http://codepen.io/jr-cologne/pen/dGYGvd

JR Cologne

So, ich habe das Ganze jetzt soweit hinbekommen, dass alles zentriert ist, jedoch scheint der a-Tag doch auf den Klick des Labels zu reagieren, denn immer, wenn ich darauf klicke, springe ich wieder nach oben. Allerdings ist danach das Untermenü dennoch geöffnet.

Muss ich vielleicht noch irgendwas im CSS ändern, damit das funktioniert?

Edit: Es scheint nicht an dem Link zu liegen. Denn, wenn ich auf das Label klicke, steht in der URL nicht das "#".

JR Cologne

Ach, ok. Gut, erstmal vielen Dank für deine Hilfe. Komme dann vielleicht nochmal auf dich zurück, falls noch Probleme auftreten sollten.

JR Cologne

Eigentlich eine gute Idee, aber dann kann man den label doch nicht mehr anklicken.

Alles, was innerhalb eines Links liegt, gehört doch sozusagen zu dem Link und somit klickt man dann ja den Link an und nicht das label. Oder habe ich da jetzt einen Denkfehler?

JR Cologne

Ach, sorry. Habe mal wieder die Hälfte vergessen zu erwähnen.

Es geht um das Menü bei einer Viewport-Breite von 860px oder weniger. Um zu dem richtigen Menü zu kommen, musst du etwas runterscrollen. Gemeint ist nämlich das Menü bei der zweiten Variante. Wenn man das aufklappt, sieht man bei dem dritten Punkt ein Pfeil-Icon. Dies ist der Button, mit dem man dann das Untermenü aufmacht. Das Problem ist, dass, wenn man auf den Button klickt und das Untermenü öffnet, der Button nicht mehr vertikal zentriert ist.

So, ich hoffe, es ist jetzt verständlicher.

JR Cologne

Nabend zusammen,

ich habe mal wieder ein kleines Problem. Und zwar geht es darum einen Button, der bei Klick ein Untermenü öffnet, immer zentriert zu haben.

Bisher funktioniert diese Zentrierung leider nur, wenn das Untermenü nicht aufgeklappt ist. Denn wenn es aufgeklappt ist, ist das li-Element, worin sich das Untermenü befindet, ja größer als vorher und dann läge es halt mitten über dem Untermenü.

Am besten ist es, wenn ihr euch das einfach mal selbst anschaut: http://codepen.io/jr-cologne/pen/dGYGvd

Gemeint ist die zweite Variante.

Ich hoffe, ihr versteht mein Problem und könnt mir helfen.

Gruß
JR Cologne

JR Cologne

Du musst den Port ändern, den Xampp nutzt.

Da ich das selber noch nie gemacht habe, hier mal eine Anleitung, die ich selber gerade ergoogelt habe. Hoffe das hilft. Wenn nicht, musst du dich wohl selber bei Google auf die Suche machen.

https://www.tyrablog.net/standard-ports-von-xampp-andern/

Beiträge von JR Cologne

Footer unten ausrichten

Footer unten ausrichten

Mauszeiger bleibt immer in der Mitte bei TextFormular

Mauszeiger bleibt immer in der Mitte bei TextFormular

Footer unten ausrichten

Hiiiiilfffeeeee - Beispielkästen auf eine Zeile setzen

Mauszeiger bleibt immer in der Mitte bei TextFormular

Wichtigste & Nützliche Tags/Attruibute HTML5

Bild mit dickem Rahmen darf 100% nicht überschreiten

Bild mit dickem Rahmen darf 100% nicht überschreiten

Submenu-Button immer zentrieren

Submenu-Button immer zentrieren

Submenu-Button immer zentrieren

Submenu-Button immer zentrieren

Submenu-Button immer zentrieren

Submenu-Button immer zentrieren

Submenu-Button immer zentrieren

Submenu-Button immer zentrieren

Submenu-Button immer zentrieren

Xampp