|
|||
90 Farben in Webseite vergleichen
Ich habe eine Datei mit ca 90 Farben drin. Diese möchten vergleichen. Dazu müsset je Fabre ein Kästchen von mindesten 1,5cm x 1,5cm dargestellt werden
damit man den Farbton überhaupt gut sehen kann. Beispiel der Datei: Code:
#2f2f2f #333 #396f00 #3d6611 #3f3f3f; #444 Kann mir jemand sagen wie man so etwas bewerkstelligt. Vielen Dank für jede Hilfe |
Sponsored Links |
|
|||
Das machst Du am besten mit einer Tabelle.
Die Tabellenzellen bekommen die jeweilige Farbe als Hintergrundfarbe zugewiesen. Bau folgenden Code mal in eine Webseite ein: HTML-Code:
<table class="farbfeld" border="1" cellpadding="1" cellspacing="1" summary=""> <tr> <td style="background-color=#2f2f2f;"></td> <td style="background-color=#af2f2f;"></td> <td style="background-color=#bf2f2f;"></td> </tr> <tr> <td style="background-color=#cf2f2f;"></td> <td style="background-color=#df2f2f;"></td> <td style="background-color=#ef2f2f;"></td> </tr> <tr> <td style="background-color=#ff2f2f;"></td> <td style="background-color=#2fdf2f;"></td> <td style="background-color=#2fff2f;"></td> </tr> </table> Code:
.farbfeld td { display: inline-block; width: 70px; height: 70px; }
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
|||
Ähem? CSS-Eigenschaften bitte mit Doppelpunkt statt Gleihheitszeichen
Wozu display: inline-block? Das bringt nur die Tabelle durcheinander Ich würde selber einfach div-Elemente mit Breite und Höhe, ggfs. Rahmen und Float verwenden. Für jede Farbe eine ID vergeben und die IDs dann den Elementen zuordnen.
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. |
|
|||
Ja vielen Dank soweit.
Das Problem ist dann wenn ich einige Farb Codes aus sortieren will wie auch beim zusammen bauen der HTML ist es eine Fleißarbeit. Ich dachte da an eine Schleife die die Datei mit den Codes Zeile für Zeile durchließt und die Blöcke,meinetwegen untereinander, erstellt. Dann ist die Seite lang nach unten aber so würde eine Auswahl welche Farbe zu welcher passt gehen. Geändert von scooter (09.07.2012 um 21:42 Uhr) |
|
||||
Eine Schleife kannst du aber nicht mit HTML machen
Dehmen wir einmal folgendes Beispiel: Du hast eine Text-Datei die ich hier mal "read.txt" genannt habe. Hier der Inhalt: Code:
#fff #666 #787878 #231231 #231 #ddd Nun bauen wir ein HTML-Dokument. HTML-Code:
<!DOCTYPE html> <head> <style type="text/css"> body { background-color: #eee; } .kachel { position: relative; float: left; height: 15mm; width: 15mm; text-indent: -999em; z-index: 10; border: 1px solid transparent; } .kachel:hover { opacity: .7; box-shadow: 0 0 5px #888; z-index: 200; top: 1px; border-color: #000; } </style> </head> <body> </body> </html> Nun setzen wir noch einen Code-Block in den Body-Bereich, mit dem wir per PHP die Datei auslesen und die Werte verarbeiten. PHP-Code:
€dith sagt: leicht geklaut von http://0to255.com/
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
|||
Nicht schlecht.
Oder besser gesagt genau auf den Punkt. Beweis leg ich dazu Kann so auf jeden Fall die Farben einkürzen von einem Projekt auf 4-6 Stück Vielen Dank und Grüße farben-jpg.JPG |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS-Styles werden bei einem Linksprung von Webseite A auf Webseite B nicht geladen | Fools | (X)HTML | 3 | 13.09.2010 12:57 |
Wie sieht eine Webseite in verschiedenen Browsern aus | TreasureZone | Grafik, Design, Typografie | 5 | 18.05.2010 20:52 |
websichere Farben?!? | wurzelchensen | CSS | 5 | 11.06.2008 20:37 |
Div Orientierung | Leonidus | CSS | 22 | 30.05.2007 18:05 |
Bitte eure Meinungen zu meiner neuen Webseite | laborix | Site- und Layoutcheck | 22 | 04.11.2006 21:27 |