CSS

1 Folgende Datei mit einem Grafikprogramm überarbeiten und eine Flagge ersetzen. Bspw. die dritte Flagge druch die schwedische Flagge ersetzen.

. /themes/Frontend/Responsive/frontend/_public/src/img/ico-flags.png

2. Less Datei unter bearbeiten :

/themes/Frontend/Responsive/frontend/_public/src/less/_components/flags.less

Zeile 19:

 &.nl_NL { background-position: 0 -22px; }

durch folgendes ersetzen:

 &.sv-SE { background-position: 0 -22px; }

Grund dafür sind Scrollbalken die sich mal zeigen(wenn Seite lang ist) mal verstecken. Der Browser muss die Breite neu rechnen, wenn Scrollbalken da sind. Dann muss sich Inhaltsbereich zwangsläufig neu positionieren., also nach rechts und links bewegen. 

Um diesen Effekt zu vermeiden, sollte man immer Scrollbalken horizontal mitrechnen bzw zeigen. Auch wenn die Seite kurz ist und man gar nicht scrollen muss oder kann.

CSS-Code:

body { overflow-y: scroll; }

CSS Flex scheint sehr flexible zu sein. Kann man komplett auf display: block verzichten?

https://www.mediaevent.de/css/display-flex.html

#link_top_reset { all: initial; * { all: unset; }

}

Wie kann man runde Ecken haben, ohne das Element  einen Border haben muss?

Wenn ich eine Seite analysieren möchte kann ich es mit F12(Firebug Element untersuchen) machen. Aber ich kann folgende Situationen nicht sehen:

• :hover
• :active
• :focus

Wenn eine Seite viele CSS Dateien hat ist echt schwierig sich zurecht zu finden. Wie kann man sehen, welche Eigenschaften aktiv sind und wo sie sich befinden(welche Datei und Zeile)?

Man kann mit einem Trick irgendwo ein Background-Image platzieren und durch CSS-Opacity transparent machen.