Ist die Seite online, dann bitte einen Link zu Seite.
Ansonsten mal teste, ob du mit dem folgenden CSS Code im 'zusärtlichen CSS' des Customizers etwas ändern kannst?
div.mep-event-cat-controls button:nth-child(2) {
display: none;
}Allerdings ohne Gewähr, denn ohne Link kann ich das nicht testen.
Kann mir hier vielleicht einer Tipps geben,
Ja, kann einer bestimmt... aber erstens solltest du dich nicht an einen 'fremden' Thread anhängen, zumal der auch noch schon als Doppelpost identifiziert wurde deswegen auch wahrscheinlich noch vom Admin gesperrt wird.
Also besser einen eigenen Thread aufmachen und dort dann etwas genauer erklären, was du eigentlich willst und auch zeigst (am besten mit einem Link zu deiner Seite), was denn die Ausgangslage für deinen geplanten 'Umbau' ist?
rezessiv ????... da googel mal, was das bedeutet 
... du meinst bestimmt responsiv.
Aber mit deinem CSS machst du deine Seite nicht responsiv... da sind zu viele Fehler drin und auch 'float' solltest nur benutzen, wenn es unumgänglich ist. Meist gibt es dafür viel geeignetere Möglichkeiten (zB Flex oder Grid).
Obendrein hast du in deine Selektoren Umlaute verwendet... zB 'über'! Das geht gar nicht - nutze keine Umlaute sondern schreibe stattdessen 'ueber' das versteht dein Browser.
Zum Schluss solltest du hier keine ZIP Datei zum download anbieten - das wird sich keiner herunterladen. Gib uns den Link zur Seite oder füge deinen Code hier in die vorgesehen Codeeingabe (</> in der Menüzeile) ein ... dann wird das auch was mit weiterführender Hilfe.
wie kann man so etwas beheben?
Die Web-Konsole sagt... 301 Moved Permanently...
Hier wirkt also eine Weiterleitung, weil die angerfordete Ressource permanent an eine andere Stelle (URL) verschoben wurde.
Solche Weiterleitungen aktiveren sich nicht von alleine... wenn du es nicht gemacht hast, dann kontaktiere deinen Hoster, dort scheint irgendetwas falsch konfiguriert zu sein.
121px wegen der Größe des Hintergrundbildes und dem benötigten Platz (Breite) der Linkbeschreibung (Text). Das kann man natürlich auch anders lösen, wenn man die Gesamtheit der im Nav verwendeten Elemente betrachtet und eben alles aufeinander abstimmt.
Aber ab der Breite, bei der die Seite anfängt zu zicken, das linke Menü zu einem 'Hamburger' machen sollte einen Teil des Problems lösen oder auch nicht, denn so tief, um das zu durchschauen, bin ich nicht in den Code vorgedrungen.
Das könnte mit folgendem Code gemacht werden... in deinem CSS die Klasse 'button' so formatieren:
.button {
width: 100%;
height: auto;
background: url("../../bilder/flurl_button-1.jpg");
background-repeat: no-repeat;
background-size: cover;
text-align: center;
vertical-align: middle;
list-style-type: none;
min-width: 121px;
margin: 0 auto;
}zusätzlich für die Liste:
.pagenav ul {
padding: 2px;
margin: 0 auto;
}Das ist aber nur die halbe Wahrheit - Dank deines etwas eigenwilligem Layout und des nicht vorhandenen responsive Layout, fliegt dir dann bei einer Viewport Breite kleiner ca. 800px der Rest der Seite um die Ohren.
Bitte keine doppelten Post... du wirst hier nicht besser bedient als hier...https://www.html-seminar.de/forum/thread/8…59290#post59290
Dort ist basti1012 schon dran, der wird dein Problem schon lösen.
Lösche mal in deinem CSS die width: 100%; bei deinem Element .pagenav a:hover.
Dein CSS...
div .mail:first-child {
text-decoration: underline;
background: #000066;
}ist auf jeden Fall nicht richtig und ich sehe nicht, dass der bei dir, wie du sagst 'funktioniert auch toll'!
Mit deinem Selektor sprichst du das erste Kindelement mit der Klasse 'mail' innerhalb eines Elternelementes <div> an ... das gibt es in deinem Code (so wie er oben steht) aber gar nicht.
Wenn du etwas ansprechen willst, dann musst du auch dieses Element beim Namen nennen .. also 'a' (ggf mit der Klasse, wenn es denn eine hat).
Und dieses Element befindet sich in dem div mit der Klasse 'mail' ... also 'div.mail' ... ohne Leerzeichen.
Und da dein gewünschtes 'a' sowieso das einzige a-Element in diesem div ist, kannst du dir das :first-child sparen.
Der Selektor wäre dann einfach...
div.mail a
oder auch einfach
.mail aDas hat basti1012 dir aber auch schon in #4 geschrieben.
So wirklich verstehe ich nicht, was dein Problem ist - aber vergiss mal die Formatierungversuche mit dem <li>, sondern geh mal auf das <a> los....
a {
display: block;
width: 121px;
height: 22px;
background-image: url('flurl_button-1.jpg');
background-repeat: no-repeat;
background-size: cover;
color: #fff;
text-decoration: none;
text-align: center;
line-height: 22px;
}
a:hover {
background-image: url('ein _anders_bild.jpg');
color: #f00;
}Ändere bitte mal in deinem CSS folgendes:
1. Es muss color: #000066; heißen...font-colour: #000066; gibt es nicht.
2. Es muss flex-wrap: wrap; heißen ...wrap: wrap; ist falsch.
Wenn es dann nicht deinen Vorstellungen entspricht wieder melden.
Das ist zumindest schon mal die halbe Miete... aber ohne den zugehörigen HTML (und ggf JavaScript) Code steht man auch nur davor, wie der Ochs vorm Berg. Man muss da immer Beides haben.
Zum Einfügen von Code nutzt man hier im Forum die Einfügefunktion.. die verbirgt sich hinter dem Symbol </> oben in der Menüleiste des Editors (drittes Symbol von rechts).
Und dein Anliegen hast du auch noch nicht wirklich beschrieben...
und auch die Bildgalerie nicht so aussieht wie sie sollte
... tja... wie soll sie denn aussehen?
Eine ZIP-Datei wird sich hier sicherlich niemand herunterladen.. und mit deiner Fehlerbeschreibung und den Screenshots kann wohl niemand irgendeine sinnvolle Hilfestellung geben. Poste einen Link zur Seite und alles wird gut :)!
Aber die Sprungmarke funktioniert, landet nur leider nicht auf den Anfang des Artikels.
Doch... genau da landet der Link... zwar etwas höher (bei dem Bild, wo auch sich auch die ID befindet) als von dir gewünscht, aber achte mal darauf, direkt nach dem Öffnen des Links ist die richtige Stelle gewählt - aber dann geht dieses Nachladen los und die Seite verschiebt sich wieder.
Mit der von dir angegebenen Zielseite stimmt etwas nicht... da werden (unendlich) viele Daten nachgeladen. Schau mal beim Aufruf dieser Seite unten links im Browserfenster, was sich da alles noch tut... oder alternativ rufe mal die Webkonsole auf.
Ich würde da mal den Seitenbetreiber kontaktieren, was da beabsichtigt ist. Sieht auf jeden Fall nicht richtig und gewollt aus.
Dein Link zu der ID sollte dann so aussehen - aber wegen der oben beschrieben Problematik, kann es sein, dass das nicht richtig funktioniert.
<a href="https://www.helpinganimalsromania.de/tiere/himmelskinder/himmelskinder-bis-2014#cc-m-textwithimage-6611227086" target="_blank">Link zum Anker</a> Wenn dort keine ID angegeben ist, wird es auch nicht funktionieren. Der Betreiber kann solche Aktionen auch unterbinden, mal daran denken.
Stimmt - aber ohne die Seite zu kennen, kann man da wenig zu sagen, außer zu erläutern, wie es gehen könnte.
Du brauchst doch von der 'Fremdseite' nur den Quellcode ansehen (in deinem Browser). Im Code suchst du dann an der Stelle, an die du verlinken willst, nach einer passenden ID - diese ID in deinen Link eintragen und es sollte funktionieren.
Lass mal den Slash ( / ) am Ende weg... direkt hinter den Seitennamen muss das #AnfangAbschnitt kommen.
Und wenn die Endung nicht html ist, dann probiere doch mal htm ... oder php ... so viele Möglichkeiten gibt es da ja nicht.
Und ein Anker auf der anderen Seite muss eine ID sein... suche mal nicht in Texten, sondern nach einer id="blabla" in einem HTML-Tag.
zB <div id="blabla">...</div>.. dann ist blabla dein Anker.
Wenn das exakt die Syntax ist, die du verwendest, dann kann das nichts werden! Der Link sollte schon etwa so aussehen...
<a href="https://www.xxxx2014.de/index.html#Anfang_des_Abschnitts">gehe zu</a>Schau auch mal hier (https://de.wikipedia.org/wiki/Anker_(HTML)) ... da solltest du bestimmt den korrekten Ansatz finden.
Wenn du im CSS das Div mit der Klasse 'box' ansprechen willst, dann muss du auch im CSS einen Punkt (.) vor dem Klassennamen setzen!
.box {
}