Suche auf lima-city
-
in: ul Liste bullet Farbe
geschrieben von tagomat
ja cool
list-style-image kannte ich noch garnicht
es funktioniert ... siehe http://jsfiddle.net/yy5E7/1/
Danke -
in: ul Liste bullet Farbe
geschrieben von tagomat
Hallo
das mit dem Farben in <span> definieren habe ich jetzt mal ausprobiert,
... funktioniert zwar, dass das bullet dabei "sichtbar" bleibt, abder das
Problem dabei ist, dass der <span> nur über die Text-Länge wirkt
aber meine <li> Elemente sollen eine feste (gleichbleibende) Breite 250px; haben
li { margin: 2px; padding: 4px; width:250px; }
habe auch CSS width in <span> versucht,
<li><span style="background:#000000; color:#FFFFFF; width:250px;">weisser Text</span></li>
aber das width:250px; greift in einem <span> wohl nicht, Hintergrund bleibt nur für Text-Länge.
Wie mache ich den Punkt für <li> Elemente als Hintergrundbild
so dass er mittig vor dem <li> steht und außerhalb des Hintergrund ist ?
<style type="text/css"> <!-- ul { list-style-type:none; margin:2px; padding:2px; background:#DEDEDE; width:300px; } li { margin: 6px; padding: 4px 2px 4px 30px; width:250px; color:#000000; background:#FFFFFF url('bullet1.gif') no-repeat left center; } .darkli { margin: 6px; padding: 4px 2px 4px 30px; width:250px; color:#FFFFFF; background:#000000 url('bullet1.gif') no-repeat left center; } --> </style> <br /> <br /> <ul> <li>normaler Text</li> <li class="darkli">weisser Text</li> <li>normaler Text</li> <li>normaler Text</li> <li class="darkli">weisser Text</li> <li>normaler Text</li> </ul> <br /> <br />
Beispiel / Vorschau siehe HIER: http://jsfiddle.net/yy5E7/
die Datei bullet.gif ist ein roter Kreis in einer 20 x 20 Pixel GIF ... das klappt auch soweit ..
aber wenn <li> Element mit class="darkli" versehen ist,
dann ist der bullet auch innerhalb des dunklen Hintergrund, soll aber davor
... lieber wäre mit ja eine Lösung ohne eigene Hintergrund-Grafik,
also direkt als list-style-type ohne in jedes <li> eine Grafik zu zimmern.
-
in: ul Liste bullet Farbe
geschrieben von tagomat
Hallo
ich habe eine Seite mit hellem Hintergrund.
darin ist eine ul Liste (mit li Elementen)
die <li> Elemente haben z.T. einen sehr dunklen hintergrund
und deshalb habe ich darin die Text-Farbe auf weiß (#FFFFFF)
Beispiel:
<ul> <li>normaler Text</li> <li style="background:#000000; color:#FFFFFF;">weisser Text</li> <li>normaler Text</li> </ul>
aber wenn ich das mache, mit <li> Elementen mit weiß als Text-Farbe
dann sind die die bullets (vor dem li Element) auch weiß und somit unsichtbar
... also in dem Beispiel oben ist beim 2ten <li> Element ist auch bullet weiß ... ?!
Wie kann ich es machen, dass die List-Style Zeichen (bullet) immer die gleiche Farbe haben ?
-
in: Kontaktformular Captcha & alle Felder
geschrieben von tagomat
tobi13 schrieb:
... wie wäre das möglich alles in einer Datei zu machen mit dem das alle Felder ausgefüllt sein müssen? ...
einfach bei <form action="kontaktformular.php" ..> die "gleiche" Datei als "Ziel" nehmen.
und alles in dieser einen Datei mit einfacher if Bedingung ... es gibt ja (nur) 2 Möglichkeiten
... wenn Formular gesendet, dann der Teil zum eMail senden
... sonst Formular zur User-Eingabe anzeigen
if (!empty($_REQUEST['senden'])) { // --- hier Prüfung ob alle Felder ausgefüllt, wenn ja, dann Email senden ... } else { // --- hier Formular zur User-Eingabe ausgeben ... }
nur als ganz grobe Struktur .. um das Prinzip zu zeigen.
PS: das Prüfen ob alle Felder ausgefüllt sind
kann man auch vor dem Formular ab-Senden (mit JavaScript) machen