zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Kategorien nebeneinander anzeigen ?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.10.2023, 17:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.01.2018
Beiträge: 11
baraber befindet sich auf einem aufstrebenden Ast
Standard Kategorien nebeneinander anzeigen ?

Hallo,

wie kann man den code so verändern, dass die Kategorien nebeneinander angezeigt werden und die Links davon nicht umgebrochen werden, bzw. in voller Länge nebeneinander ausgeschrieben dastehen ?

Ich verwende diesen code:

Code:
.wp-block-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.wp-block-categories {
    flex: 1 0 calc( 50% - 5px );
    padding: 5px;
    border: 1px solid #ccc;
    text-align: center;
    background-color: #eef;
}
.wp-block-categories a:hover {
    background-color: #efe;
}
screenshot hier: https://ibb.co/4SRwnCb

Was meint Ihr was wie verändert werden muß ?

Danke im Voraus und schönen Sonntag.

Grüße

tony
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.10.2023, 00:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.01.2018
Beiträge: 11
baraber befindet sich auf einem aufstrebenden Ast
Standard

hallo ich meine, dass die Kategorien so angezeigt werden:

Kategorie 1 Kategorie2 Kategorie3
Kategorie 4 Kategorie 5....

nicht in Listenform untereinander.

Wie bekomme ich das hin hin der sidebar ?

Grüße
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.10.2023, 13:25
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.243
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

css ohne das dazugehörige HTML its leider nicht wirklich aussagekräftig.
Du kannst mit flex die elemente nebeneinander anzeigen lassen. Oder auch mit grid. Aber wo welches Element im HTML ist kann so leider nicht gesehen werden :/
Mit Zitat antworten
  #4 (permalink)  
Alt 18.10.2023, 13:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.01.2018
Beiträge: 11
baraber befindet sich auf einem aufstrebenden Ast
Standard Wordpress

Hallo das ist die sidebar box in Wordpress. Welche html Dateien werden dazu benötigt ? Wie kann ich die dazugehörige ausfindig machen ?

Grüße und danke im Voraus
tony
Mit Zitat antworten
  #5 (permalink)  
Alt 18.10.2023, 14:09
top top ist offline
Benutzer
neuer user
 
Registriert seit: 06.01.2021
Beiträge: 59
top wird schon bald berühmt werden
Standard

Kann es sein, dass bei der zweiten CSS-Anweisung einfach ein "a" fehlt?

Code:
...
    gap: 5px;
}
.wp-block-categories a {
    flex: 1 0 calc( 50% - 5px );
...
Mit Zitat antworten
  #6 (permalink)  
Alt 18.10.2023, 23:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.01.2018
Beiträge: 11
baraber befindet sich auf einem aufstrebenden Ast
Standard

Hallo, nun habe ich dieses resultat :

https://ibb.co/ypLtnyH

Grüße...

wie kan man da nun das so machen das dies links nich tin kästen sind sondern einfach ausgeschrieben wie Tags nebeneinander...?
Mit Zitat antworten
  #7 (permalink)  
Alt 19.10.2023, 09:57
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Ohne das aktuelle HTML und CSS können wir dir nur allgemein helfen, was bereits geschehen ist (Flexbox, CSS-Grid).

Zudem verstehe zumindest ich nicht, wie die Elemente dargestellt werden sollen.
Mit Zitat antworten
  #8 (permalink)  
Alt 19.10.2023, 20:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.01.2018
Beiträge: 11
baraber befindet sich auf einem aufstrebenden Ast
Standard so

Hallo

https://ibb.co/ypLtnyH

die wörter sollen so dargestellt werden:

Baumarkt, Baby & Kind,....

nicht abgehackt zur nächsten Zeile.

Grüße
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bilder nebeneinander anzeigen bernhein CSS 1 21.07.2016 15:46
Var_Dump problem PHP-Freak Serveradministration und serverseitige Scripte 6 04.09.2013 13:29
In Detailansicht leere Felder anzeigen lassen oder nicht? xenia (X)HTML 3 22.07.2011 11:51
Divs nebeneinander... Sengi CSS 4 23.05.2009 09:23
Zwei DIV Container in Parent-Container nebeneinander anzeigen tzepf CSS 2 04.12.2006 22:19


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:00 Uhr.