text-shadow verändert sich je nach Browserfenstergröße

[mariechen]

Hi,

ich hab einen Text mit einen Textschatten definiert wie folgt:

font-size: 12.5px;
text-shadow: -0.01em -0.01em 0px #202020, 0.01em 0.01em 0px #fff;

Jetzt verändert der sich der Text aber ständig wenn ich das Browserfenster größer oder kleiner ziehe. Das sieht ziemlich unschön aus. Vorallem ist der Text bei manchen Fenstergrößen fast gar nicht mehr zu lesen.
Das seltsame ist auch, dass es mehrere Wörter sind die dieses CSS haben, welche sich aber unterschiedlich verhalten. Also am Anfang sehen alle gleich aus und wenn ich die Größe des Browserfensters veränder dann sehen sie auf einmal
nicht mehr alle gleich aus.

Kann mir vielleicht jemand weiterhelfen?

 

[soulxheart]

Hallo mariechen

Hast du evtl. einen Link zur Seite?



Grüsse

 

[mariechen]

Ne, die Seite ist nicht online. Zur Veranschaulichung kann ich Bilder zeigen:



Könnte auch den Quelltex posten?

 

[mariechen]

also ich hab das jetzt mal aufs Minimale runtergebrochen und hab zumindest mal de Auslöser denke ich. Hier der Code:

    <table style="width:100%;">
          <tr>
                <td>
                       <h:outputText value="meinWort1" styleClass="textShad"/>
                </td>    
                <td>
                       <h:outputText value="meinWort1" styleClass="textShad"/>
                </td>        
        </tr>
    
    </table>

wenn ich die Style Eigenschaft von der Tabelle wegnehme ist der Effekt weg. Ist ja aber doof, wollte schon gerne dass sich die Tabelle über die ganze Breite erstreckt

 

[threadi]

Was ist denn

<h:outputText value="meinWort1" styleClass="textShad"/>

?

 

[mariechen]

sry, das ist jsf, was ist denn bei html ein output? ich kenn nur input. Wird als span gerendert. Also
sieht dann so aus:

    <table>
        <tr>
            <td><span class="textShad">meinWort1</span> 
            </td>    
            <td><span class="textShad">meinWort1</span> 
            </td>    
            <td><span class="textShad">meinWort1</span> 
            </td>
            <td><span class="textShad">meinWort1</span> 
            </td>
            <td><span class="textShad">meinWort1</span> 
            </td>                                        
        </tr>  
    </table>

 

[threadi]

Mit "output" bezeichnet man in Bezug auf Webseiten den Quellcode der im Browser ankommt. Und der ist auch relevant um deine Fragen beantworten zu können. Somit ist dein zuletzt genannter HTML-Code das was man braucht um deine Frage wenigstens etwas nachvollziehen zu können.

Ich sehe jedoch auch in deinem CSS-Code etwas fragwürdiges:

font-size: 12.5px;

Seit wann gibt es halbe Pixel?

Unabhängig davon wäre ein Link zur Webseite sicherlich hilfreicher. Denn die Schriftgröße von Texten ändert sich auch in Bezug auf umgebende Elemente und die CSS-Eigenschaften der Seite insgesamt. Somit kann man dein Problem weiterhin nicht wirklich nachvollziehen.