Website: Logo und Navigation auf einer Ebene?

Mit welchem Code ist das möglich? Ich bekomme es irgendwie nicht hin

2 Antworten

25.10.2022, 16:19

CSS Flexboxen sind die einfachste Möglichkeit, Elemente nebeneinander anzuordnen.

Das äußere Element muss display: flex haben, dann werden die Elemente innerhalb nebeinander angeordnet. Es gibt noch einige weitere Einstellungen, wie die Elemente angeordnet werden.

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Woher ich das weiß:Berufserfahrung – Tätigkeit als Webentwickler in einer Digitalagentur

NackterGerd

25.10.2022, 16:49

Ganz einfach mit Grid

https://www.w3schools.com/css/css_grid.asp

Hallo zusammen,

ich würde gerne in WordPress mein Logo direkt neben die Navigation setzen. Nicht darüber oder darunter. Leider verzieht es das immer in der Ansicht. Ich habe auch schon versucht, das Logo zu verkleinern aber das klappt natürlich auch nicht. Ich kann leider den Bereich dafür im Code nicht finden, da ich nicht so der Experte in html und CSS bin.

Kann jmd. helfen und sagen wo genau das Bild eingefügt werden muss bzw. was ich zusätzlich noch im CSS abändern muss damit Bild und Navigation zusammen auf eine Höhe passen? Ich habe Online auch schon was gefunden, hilft mir aber auch nicht wirklich: https://wordpress.org/support/topic/to-make-menu-toggle-align-with-homepage-logo

Hat jmd. eine Idee??

Vielen Dank.

Theme Header (header.php)

div id="page" class="hfeed site"> <?php _e( 'Skip to content', 'argent' ); ?>

<header id="masthead" class="site-header" role="banner">
    <nav id="site-navigation" class="main-navigation" role="navigation">
        <img src = "http://138.201.91.49/wordpress/wp-content/uploads/2016/05/Logo-KopieV.1.2-2.png"/>
        <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php _e( 'Menu', 'argent' ); ?></button>

        <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu' ) ); ?>
    </nav><!-- #site-navigation -->

    <div class="site-branding">
        <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
        <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    </div><!-- .site-branding -->

...zur Frage

Navigation (Website) fest oder nicht?

Findet ihr es besser, wenn die Navigation beim Scrollen am oberen Bildschirm fixiert bleibt? Oder wenn sie beim Scrollen verschwindet und man wieder hoch scrollen muss, um zur Navigation zu kommen?

Bei großen Webseiten ist es natürlich praktischer, wenn die Navigation fixiert ist, aber meine ist sehr klein und hat keine langen Seiten. Und eine fixierte Navigation nimmt dann Platz weg. Was würdet ihr machen? (Kann die Website noch nicht zeigen)

...zur Frage

Navigation Größe ändern <html/CSS>?

Hallo,

ich will gerade ein Navigation bauen und habe mir mit dieser Seite geholfen.

Mein Problem ist, dass wenn ich das Fenster auf den halben Bildschirm minimiere, dass der ganzen Bereich oben abgedeckt ist, aber wenn ich es auf volle Größe mache, dann ist die Navigation klein. Siehe:

Ich hätte es mit min-width und max-width versucht.

(habe den Code kopiert - im Chrome getestet)

code

Danke im voraus.

...zur Frage

CSS Navigation nur mit einem Bild?

Hallo,

weiß jemand wie ich eine Grafik (in dem Fall ein Logo) als Navigationsleiste einbaue? Wenn man über das Logo fährt soll sich eine Art Dropdown-Menü öffnen.

Schonmal danke im Voraus

...zur Frage

Kann man bei jeder Internet Seite den Quellcode sehen?

Also kann man von jeder beliebigen Webseite den Code sehen wie sie programmiert wurde also z.B das man den HTML Code sieht?

...zur Frage

Kann der Website Owner sehen wenn man seine Seite kopiert?

z.B. mit dem shortcut "Strg Shift G" kann man eine ganze Website in einer pdf datei kopieren.
Meine Frage ist ob es für den Website owner irgendwie möglich ist das nachzuverfolgen.

...zur Frage

Stichpunkte mit Html bearbeiten?

Hii ich versuch gerade html zu lernen und will listen machen.

So sieht die Website gerade aus:

Ich möchte das der text von den verschiedenen Stichpunkten verschiedene farben hat also, dass Katze: Lila Hund:Pink Otter:blau. Außerdem möchte ich das die herzen for den Stichpunkten Pfoten sind.

Das ist mein Code:

Wie muss ich den abändern damit das funktioniert?

(Außerdem funktioniert meine Css Datei nicht wäre nett wenn mir da auch wer weiterhelfen könnte)

...zur Frage

Website HTML und CSS Fehler?

Hallo,

ich soll als Hausaufgabe eine Website (nur HTML und CSS) programmieren (wir haben bis jetzt nur die Basics gemacht).

Ich habe nun die Grundstruktur in HTML so gemacht, wie ich es brauche und bin nun beim CSS Teil angekommen, welcher mir etwas Kopfschmerzen bereitet.

Ich habe mal Screenshots vom bisherigen Code eingefügt (Die Website soll laut Lehrer ganz einfach sein, das Impressum muss nur einen Beispieltext enthalten und den Code für den footer aus der Landingpage habe ich noch nicht an die anderen Seiten angepasst, da ich noch mit CSS am experimentieren war).

Falls der Code an sich besser weiterhilft, habe ich hier noch den Dropbox Link:
https://www.dropbox.com/scl/fi/fgwyg3w7m4hfqdnbl3f3n/Website.zip?rlkey=1ea3d4quzggbn8xgnk9x9gvk3&dl=0

Nun habe ich folgende Probleme/Dinge, die ich auf der Website haben möchte, aber nicht hinbekomme:

Ich möchte einen festen Header haben (wie der auf gutefrage), bei welchem die anderen Seiten mittig angeordnet sind
Der footer soll wie bei Amazon ganz unten sein und auch in einem farbigen Kasten, welcher sich über den ganzen Bildschirm zieht
Die Texte im Footer sollen einmal links(2023), mittig(impressum) und rechts(Namen) ausgerichtet sein (irgendwie konnte ich den Link zum Impressum nicht verschieben)
Die Seite muss nicht 100% responsible sein, sondern soll sich nur an verschiedene Browser anpassen (Laut Lehrer mit Hilfe von prozentualen Werten anstatt Pixeln)
Auf der Landingpage möchte ich das Hintergrundbild haben und der Text (welchen ich noch hinzufügen muss) soll erst nach dem Bild kommen, wenn man runter scrollt
Auf der Impressum Seite soll der Beispieltext zum Uhrheberrecht nicht von ganz links nach ganz rechts auf dem Bildschirm gehen, sondern nur bis zu etwa der Mitte und dann einen Zeilenumbruch (soll sich nicht verschieben, wenn ich es mit anderem Browser benutze)

Ich habe schon selbst versucht, die oben genannten Dinge irgendwie zu fixen, aber entweder klappt es nicht oder meine Website stellt sich einmal auf den Kopf. Da wir auch erst die Basics in CSS hatten, weiß ich leider nicht mehr, als das, was ich schon gemacht habe.

Es wäre sehr hilfreich, wenn mir einer, der sich damit auskennt, weiterhelfen könnte und mir erklären kann, wie ich die oben genannten Kriterien umsetzen kann.

Ich bedanke mich schonmal sehr bei euch.

Grüße Alex

...zur Frage

Guten Tag, ich suche einen HTML Code wo, verwendet werden kann zum Copyright wo sich das Jahr jedes Jahr logischerweise automatisch +1 ändert, wo finde ich so ein Code?

...zur Frage

Wie stelle ich einen Bootstrap Navbar Menüpunkt auf Active, wenn die Navbar per PHP eingebunden wird?

Hallo, ich nutze in meiner Website bootstrap.

Den Header sowie die Navigation-Bar binde ich per PHP in die Website ein. Ist es möglich, einen Menüpunkt in dieser Konstellation auf active zu stellen?

Wenn ich es in meiner nav.php ändere (class="active") ist es ja dauerhaft, ich würde aber gerne den aktuellen menüpunkt aktivieren.

Vielen Dank im Voraus Nico

...zur Frage

Developer Tools verstecken?

Wie kann ich Sachen von den Developer Tools verstecken wie zB meinen Code von Microsoft Clarity oder meinen Code für die Formulare von Formspree? Also diese Anbieter geben ja Codes her damit die sich mit der Website verbinden können, aber diesen Code kann man in den Dev Tools sehen, weil sie im Html text integriert sind und wenn das jemand sieht kann er meine Codes nutzen, wahrscheinlich nichts gefährliches, aber wird mir Kopfschmerzen bereiten wenn da Sachen von anderen Webseiten sind. Vielleicht fragt man sich warum, jemand sowas machen sollte, weil es ja keinem was bringt, aber ich glaube es wird Leite geben, denne es Spaß macht anderen zu schaden. Die Code von denen ich rede sind:

Formspree: form action=“Link“

Microsoft Clarity ist im head Bereich auch mit einem Link verbunden

...zur Frage

App aus HTML Code?

Hallo,

ich habe einen HTML-Code und möchte diesen Code zu einer IOS App machen. Diese App soll dann auf Schulgeräten installiert werden. Wie kann ich das machen?

...zur Frage

Gute KI um HTML-, CSS- und JS-Code für eine Webseite zu erstellen?

Hallo kennt jemand eine gute KI, um HTML-, CSS- und JavaScript-Code für eine Webseite zu erstellen?

...zur Frage

VS Code hängt extrem, was tun?

Hängt VS Code bei euch auch seit dem letzten update?

Was kann ich dagegen tun?

lg Lisa

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen