Hilft dir das vielleicht?
http://www.farbtabelle.at/farben-umrechnen/
Beiträge von Sailor
-
-
Uiii... das sind aber viele Fragen.
Aber eine Anmerkung zu Beginn - ich würde für das Menü auf Flex-Box verzichten, schafft für solch einfache Dinge meiner Meinung nach mehr Probleme als es löst.
Einfach die 'ul's und 'li's so nehmen, wie sie eben sind und nur für die Top-Menüpunkte 'display: inline-block;' festlegen, damit sie nebeneinander und nicht untereinander angezeigt werden. Die meisten deiner Fragen hätten sich dann auch schon erübrigt.
Warum man das Dropdown absolute positionieren sollte/muss, siehst du, wenn du mal Inhalt unter deinem Menü einfügst! Das 'absolute' sorgt dafür, dass dieses Element aus den Texfluss herausgenommen wird und somit nachfolgende Inhalte nicht verschiebt - das Element legt sich einfach über das, was da sonst noch steht. Aber wenn es so sein soll, dass deine Seite bei jedem Öffnen eines Untermenüs einen Sprung nach unten mache soll, dann kannst du das mit 'position: relative;' erreichen. Oder die Position-Anweisung ganz weglassen, dann bleibt das Pop-Up im Textfluss und alles dahinter wird verschoben.Warum display: block; beim 'hover'? Das Element ist mit 'display: none;' unsichtbar gemacht worden... also muss es wieder sichtbar werden! Ob du das auch mit einer anderen Formatierung als 'display: block' erreichen kannst, musst du mal ausprobieren.
Dass es nicht bündig aussieht, liegt an dem 'padding' bei nav ul li, damit schaffst du links von dem Pop-Up eben einen 10px breiten Leerraum, der das Untermenü seitlich verschiebt!
-
Das liegt an der fehlerhaften Zuordnung von Flex-Container(n) und Flex-Element(en).
Versuche es mal hiermit:HTML
Alles anzeigennav{ background-color: #F0F0F0; font-size: 1.8rem; } nav ul{ list-style: none; margin: 0; padding: 0; } nav a{ text-decoration: none; color: #666; } nav ul { display: flex; } nav ul li { padding: 10px; flex: 1; } nav ul li ul { position: absolute; display: flex; flex-direction: column; } nav ul li ul li { flex: 1; display: none; } nav ul li:hover ul li { display: block; } nav > ul > li:hover { background-color: #999; } -
Ja - soll natürlich lokal ablaufen und wenn dann auch 'automatisch'. Also alle Dateien ohne weiteren manuellen Eingriff.
Aber ich habe gerade mal den Vorschlag von @Bandit aufgefasst! Ja, das ist tatsächlich eine sehr gute Möglichkeit dein Problem zu lösen! Mit Notepad++ kann man dateiübergreifend solche Änderungen durchführen (Danke Bandit... ich arbeite zu selten mit Notepad++, diese Funktion war mir neu).
-
Mit PHP sollte das mit relativ wenig Aufwand möglich sein.
Mit 'scandir' (http://php.net/manual/de/function.scandir.php) die vorhandenen Datei einlesen.
In einer 'For Each' Schleife (http://php.net/manual/de/control-structures.foreach.php) dann jede gefundene Datei
- einlesen mit 'file_get_contents($datei)' (http://php.net/manual/de/function.file-get-contents.php)
- austauschen der Textstellen mit 'str_replace' (http://php.net/manual/de/function.str-replace.php)
- speichern der geänderten Datei mit 'file_put_contents' (http://php.net/manual/de/function.file-put-contents.php)
fertig! -
Einfach mal F12 beim FireFox (geht auch mit den meisten anderen Browsern) mit der geöffneten Seite drücken und schauen, was der 'Inspektor' dann anzeigt.
-
Wenn ich das richtig verstehe, dann geht es dir 'nur' um die Ansicht der Seite auf deinem persönlichen Desktop - also eine feste Bildschirmbreite und kein Bedarf irgendwelche Anpassungen (responsive / adaptiv) an der Seite durchzuführen?
Dann könnten folgende Zeilen, mit denen die Breiteneinstellungen (1300px) von den Eltern-Containern überschrieben werden, dir weiter helfen.#wikichip-header, .mw-body-content {
width: 100%;
}sollte das nicht funktionieren, dann kannst du auch folgendes versuchen:
#wikichip-header, .mw-body-content {
width: 100% !important;
} -
Das ist doch eine WordPress Seite - oder?
Dann sollte dieser Code im 'Zusätzliches CSS' helfen:.content-area .entry-thumb img {
width: 100%;
} -
'Nothing else matters'
-
Flex-Box wird im IE erst ab Version 11 und dort auch nur mit Einschränkungen unterstützt. Bei früheren Versionen vom IE wird deine Seite nicht richtig funktionieren.
Siehe dazu - https://caniuse.com/#feat=flexbox
Aber für IE 11 könnte folgendes helfen (ohne Gewähr):
setze für das Klasse .fanshop_nav den Wert 'flex-wrap: wrap;'
und
setze für die Klasse .fanshop_item den Wert 'flex-wrap: nowrap;' -
In deinem Quellcode ist jeweils für den <embed> Tag ein </embed> angefügt. <embed> hat aber keinen schließenden Tag.
Weiß zwar nicht, ob das dein Problem löst, aber schaden kann es nicht, wenn man valides HTML nutzt. -
Im externen Stylesheet das <style> und </style> löschen!
-
Ersetze in deinem Stylesheet das 'font-color' durch 'color'.
- - - Aktualisiert - - -
zum 2, Punkt - versuche es mal so:
HTML
Alles anzeigen<html> <head> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Allura|Montserrat'); summary {color: #212d66; font-family: 'Allura'; font-size: 24pt} p {color: #000000; font-family: 'Montserrat', sans-serif; font-size: 12pt} </style> </head> <body> <details> <summary>Programm </summary> <p>Hier steht dann ganz viel Text zum Programm.</p> </details> <details> <summary>Ort </summary> <p>Hier steht dann ganz viel Text zum Ort.</p> </details> </body> </html> -
Wie wäre es denn, wenn du statt der nichtssagenden Bilder mal den Link zu deiner Seite hier posten würdest.
Das würde jede Art von Hilfe deutlich erleichtern! -
Dann rufe doch mal 'index-alt.html' auf! Könnte ja auch ein Fehler auf dem Server sein.
-
Es sollte auch ohne regulären Ausdruck klappen, wenn sicher gestellt ist, dass dieses editpane_title">Artikelbezeichnung< im Text vorhanden ist und nur 1 mal vorkommt und dass das gesuchte value=" irgendwo dahinter steht.
Einfach mal testen... den PHP Code an den Anfang der fraglichen Datei stellen und den Dateinamen entsprechend anpassen.PHP
Alles anzeigen<?php $such_test = 'editpane_title">Artikelbezeichnung<'; $such_test2 = 'value'; $such_test3 = '"'; $such_datei = file_get_contents('einlesen_test.html'); // Dateiname muss angepasst werden // suche Position von erstem Vorkommen von $such_test in $such_datei $anfangs_position = strpos($such_datei, $such_test); echo $such_test." ist an Position ".$anfangs_position."<br>\n"; // suche Position von erstem Vorkommen von $such_test2 in $such_datei ab der Position $anfangs_position $anfangs_position2 = strpos($such_datei, $such_test2, $anfangs_position); echo $such_test2." ist an Position ".$anfangs_position2."<br>\n"; $anfangs_position2 = $anfangs_position2 +7; //$anfangs_position2 + 7 (value=" sind 7 Zeichen) ist die Anfangsposition des Textes // suche Ende des Textes - das " am Ende des Textes $ende_position = strpos($such_datei, $such_test3, $anfangs_position2); echo $such_test3." ist an Position ".$ende_position."<br>\n"; //berechne Laenge des Textes $laenge = $ende_position - $anfangs_position2; // Länge des Textes echo "Lenge = ".$laenge."<br>\n"; //ausschneiden des Texte von $anfangs_position2 über eine Laenge von $laenge $ergebnis = substr($such_datei, $anfangs_position2, $laenge); echo $ergebnis; ?>
Die 'echo' dienen nur der Kontrolle. -
Das geht mit PHP.
Datei einlesen..
https://www.php-einfach.de/php-tutorial/php-datei/
dann die Anfangs- und Endposition der gesuchten Stelle finden - damit kann der gewünschte Text ausgeschnitten und woanders eingefügt werden...
https://www.php-einfach.de/php-tutorial/php-suchen-ersetzen/ -
Die </a> sind die richtige Schreibweise für das Ende eines Hyperlinks ( <a href="...>Link</a>... was bei dir im Code steht ist '<a/>' und das ist eindeutig falsch und verursacht mit Sicherheit Fehler. Vielleicht noch nicht mal optische, sichtbare Fehler, sondern es verhindert die ordnungsgemäße Funktion der Links auf deiner Seite.
-
Weiß jetzt nicht, ob dir das weiter hilft...
HTML
Alles anzeigen<div class="section primary-section" id="service"> <!-- Öffnen div id=services --> <div class="container"> <!-- Öffnen div class=container --> <!-- Start title section --> <div class="title"> <h1>Was bieten wir?</h1> <!-- Section's title goes here --> <p>Unser service für Sie</p> </div> <!-- Anfang popup für service1 --> <div id="single-project4"> <div id="slidingDiv4" class="toggleDiv row-fluid single-project4"> <div class="span6"> <img src="images/Service1.png" alt="single-project4" /> </div> <div class="span6"> <div class="project-description4"> <div class="project-title clearfix"> <h3>Smartphone Reparatur</h3> <span class="show_hide close"> <i class="icon-cancel"></i> </span> </div> <div class="project-info"> <div></div> </div> <p>Wir reparieren Displays,Microfone,Lautsprecher,Akkus uvm. Wir Bieten reparaturservice für Handy,Smartphone,Notebook,Pc uvm. kontaktieren sie uns einfach. </p> </div> </div> </div> </div> <!-- Ende popup für service1 --> <!-- Anfang popup für service2 --> <div id="single-project5"> <div id="slidingDiv5" class="toggleDiv row-fluid single-project5"> <div class="span6"> <img src="images/Service2.png" alt="single-project5" /> </div> <div class="span6"> <div class="project-description5"> <div class="project-title clearfix"> <h3>Smartphone Reparatur</h3> <span class="show_hide close"> <i class="icon-cancel"></i> </span> </div> <div class="project-info"> <div> </div> </div> <p>123456789101112131415 </p> </div> </div> </div> </div> <!-- Ende popup für service2 --> <!-- Anfang popup für service3 --> <div id="single-project6"> <div id="slidingDiv6" class="toggleDiv row-fluid single-project6"> <div class="span6"> <img src="images/Service3.png" alt="single-project6" /> </div> <div class="span6"> <div class="project-description6"> <div class="project-title clearfix"> <h3>ffffffffffffffff</h3> <span class="show_hide close"> <i class="icon-cancel"></i> </span> </div> <div class="project-info"> <div> </div> </div> <p>ffffffffffffffffffffffffffffffffff </p> </div> </div> </div> </div> <!-- Ende popup für service3 --> </div> <!-- Schießen div class=container --> </div> <!-- Schließen div id=services --> <!-- popup für service1 --> <!--button reparatur -->
vergleiche das mal mit deinem Code. Ich habe nichts weiter gemacht, als die </div> vom id=services und class=container - die waren irgendwo zwischen den 'Ende popup' und 'Anfang popup' Markierungen - hinter den Container service 3 verschoben.
Ich kann das nicht testen - ist also etwas in den blauen Dunst geschossen!Nebenbei: In deinem Code sind noch ein paar weitere Fehler (zB mehrfach <a />) , die auch noch alle beseitigt werden müssen!!
-
Was ist dein Ziel? Dass alle diese Div's sich mit der selben Breite öffnen?
Dann suche in deinem Code das fehlerhaft gesetzte </div> von dem <div class="container"...> und verschiebe es so, dass diese 'popup-Elemente' sich innerhalb dieses Div's befinden.