kostenloser Webspace werbefrei: lima-city


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

Login zum Webhosting ohne Werbung!