Hi,

Ik ben bezig met cufon een beetje te kijken hoe dit werkt.

Klopt dit:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script src="cufon-yui.js" type="text/javascript"></script>
        <script src="Vegur_300.font.js" type="text/javascript"></script>
        <script type="text/javascript">
            Cufon.replace(h1);
                    
        </script>
        
</head>
<body>

<h1>TEKST</h1>

</body>
</html>

Maar wil er ook een shaduw aan toe voegen.

Klopt dit dan ook:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script src="cufon-yui.js" type="text/javascript"></script>
        <script src="Vegur_300.font.js" type="text/javascript"></script>
        <script type="text/javascript">
            Cufon.replace(h1)
            Cufon.replace(.cufon-shadow, {
                    textShadow: 2px 2px red;
                    
        </script>
        
</head>
<body>

<h1>TEKST</h1>

</body>
</html>

Alvast bedankt

// edit; het .js bestand heet "Myriad_Pro_400-Myriad_Pro_700-Myriad_Pro_italic_700.font.js" waar moet ik dit aanpassen?

als je schaduw gebruikt moet je aan de h1 tag wel die class meegeven
dus:

tekst

die lettertype zet je tussen de head tags maar dat heb je al?

Btw; Je hebt het verkeerd afgesloten.

<script type="text/javascript">
            Cufon.replace(h1);
            Cufon.replace(.cufon-shadow, {
                    textShadow: 2px 2px red
});
                    
        </script>

Dit werkt niet. De tekst blijft hetzelfde.

Ik heb het op SD ook gevraagd, en zegt iemand dat het zo moet;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
 
 
<script src="cufon/cufon-yui.js" type="text/javascript"></script> 
<script src="cufon/Myriad_Pro_400-Myriad_Pro_700-Myriad_Pro_italic_700.font.js" type="text/javascript"></script> 

<script>
Cufon.replace(h1, { fontFamily: Myriad Pro, textShadow: 2px 2px #000 });
</script> 
        
</head> 
<body> 
 
<h1>LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPSCING ELIT.</h1> 
 
</body> 
</html>

Maar dat werkt ook niet

had je ook die h1 tag aangepast en de code van shahiem gebruikt? want dan zou het moeten werken lijkt me...

Btw; Als je IE gebruikt , zet dan ook even ene script naar jquery code toe.

Het werkt
Was vergeten dit; Vegur_300.font.js aan te passen
// alleen werkt de schaduw nu niet

// ook dat werkt nu

Patricka schreef:

Het werkt
Was vergeten dit; Vegur_300.font.js aan te passen

// alleen werkt de schaduw nu niet

// ook dat werkt nu
Niet zo slim he Maar goed dat je het heb opgelost. Als je klaar bent dan wil ik wel even nakijken

Nieuwe vraag

Ik ben bezig met input velden. Er moeten er 3 onder elkaar en 2 daarnaast.

Ik heb nu dit; HTML

<div class="naam1">
                <h2>naam</h2>
            <input type="text" name="link" class="input" value="" placeholder="Kies een naam..." />
                </div>
                <div class="provincie">
                <h2>naam2</h2>
            <input type="text" name="link" class="input" value="" placeholder="Kies een naam..." />
                </div>
            <div class="naam3">
                <h2>naam</h2>
            <input type="text" name="link" class="input" value="" placeholder="Kies een naam..." />
                </div>

CSS;

.naam1,.naam2, .plaats.naam3 {float: left; padding-left: 67px;}
.input { width: 172px; height: 37px; background: url(../img/input.png) no-repeat; padding-left: 10px; border: 0; }
.input input[type="text"]{background: none; float: left; font: 12px Tahoma; color:#929292; }

Het probleem nu is dat ze naast elkaar komen. Ik kan ze wel met
onder elkaar zetten, maar is er geen betere manier?

Waarom geen table?

Erik schreef:

Waarom geen table?

Wat? Het moet gewoon enkel zichtbaar zijn en dat je kan invullen wat nu het geval is.
Enkel moet het nu nog goed komen te staan. De werking komt later pas.

dat bedoeld Erik, zet je input velden netjes met een table code

Marjolein schreef:

dat bedoeld Erik, zet je input velden netjes met een table code

En hoe doe ik dat?

<table>
    <tr>
        <td>Tekst</td>
        <td>antwoord</td>
    </tr>
    
    // Nieuwe regel
    <tr>
        <td>Tekst</td>
        <td>antwoord</td>
    </tr>
    
    // Nieuwe regel
    <tr>
        <td>Tekst</td>
        <td>antwoord</td>
    </tr>
</table>

<table>
    <tr>
        <div class="naam">
        <td><h2>naam</h2></td>
        <td><input type="text" name="link" class="input" value="" placeholder="Kies een naam..." /></td>
        </div>
    </tr>
    
    <tr>
        <div class="naam">
        <td><h2>naam</h2></td>
        <td><input type="text" name="link" class="input" value="" placeholder="Kies een naam..." /></td>
        </div>
    </tr>
    
    <tr>
        <div class="naam">
        <td><h2>naam</h2></td>
        <td><input type="text" name="link" class="input" value="" placeholder="Kies een naam..." /></td>
        </div>
    </tr>  
</table>

Dan moet hij zo, niet?

Want eerst kreeg ik de tekst erboven en dat was goed uitgemeten, nu door dit niet meer.