zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden 90 Farben in Webseite vergleichen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.07.2012, 17:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.07.2012
Beiträge: 3
scooter befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.07.2012, 19:20
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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>
Breite und Höhe der td Zellen definierst Du per CSS, etwa so:

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.07.2012, 20:56
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Ä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.
Mit Zitat antworten
  #4 (permalink)  
Alt 09.07.2012, 21:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.07.2012
Beiträge: 3
scooter befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
  #5 (permalink)  
Alt 09.07.2012, 22:30
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

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
(Voll die tollen Farbwerte.)
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>
Sollte sich erklären wenn man es sich ansieht.

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:
        <?php
            $colors 
file('read.txt');
            foreach(
$colors as $color){ echo '<div class="kachel" style="border-color: '.$color.'; background-color: '.$color.'">'.$color.'</div>'; }
        
?>
Wenn du nun alles richtig zusammen baust, hast du deine Kacheln

€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?
Mit Zitat antworten
  #6 (permalink)  
Alt 09.07.2012, 22:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.07.2012
Beiträge: 3
scooter befindet sich auf einem aufstrebenden Ast
Standard

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
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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:29 Uhr.