Wie kann ich text auf eine Grafik schreiben?

Loui

Hallo leute, ich habe folgendes problem...
sonst habe ich immer für die navigationsüberschrift die in so einer extragrafik ist halt, mit photoshop direkt daruaf geschrieben und dann einfach nur die grafik eingebungen..

nun hatte ich haber kinen nerfen mehr dafür da immer ne extra grafik zu erstellen und wollte mal fragen ob ich nicht einfach die schlichte grafik(ohne text) einbinden kann und dann peer html einfach da den text(z.B. navigation) draufschrieben kann...

bitte um rat!!

mfg Loui

knight

Hi

Nimm den Befehl
background-color:
oder
background: url(../images/foto_04.jpg);
für den Hintergrund...und dann einfach den Text drauf....

Vielleicht zeigst du etwas code...denn deine Frage kann man in viele Richtungen beabtworten.

Knight

Loui

also ich habe das immer sogecoded:

Code

<img border="0" src="images/navigation.gif" width="150" height="14">

kann man da irgentwie was einbaune für den text ?

knight

Klar kann man da was machen, ich bin zwar auch keine große Leucht im HTML...aber dafür reicht es ...

ABerich brauche ein paar Zeilen mehr...denn der text wiird in der DIV oder Table zelle defeniert..oder noch anders....also poste hier doch ein wenig mehr Code....

Knight

Loui

Code

<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#181818" width="800" id="AutoNumber3" height="522">
    <tr>
      <td width="144" valign="top" height="522">
      <img border="0" src="images/navigation.gif" width="150" height="14"><br>
        <table border="1" cellpadding="2" cellspacing="2" style="border-collapse: collapse" bordercolor="#181818" width="150" id="AutoNumber4" height="9">
        <tr>
          <td width="100%" bgcolor="fffff" height="9" valign="top">
            <p align="left"><font face="Verdana" size="1" color="#008000">
        :: <a href="#">Startseite</a><br>
            :: <a href="#">News</a><br>
            :: <a href="#">Gästebuch</a><br>
        <br>
            :: <a href="#">Der Vorstand</a><br>
            :: <a href="#">Schiesssport</a><br>
            :: <a href="#">Party</a><br>
            :: <a href="#">Party Pictures</a><br>
        <br>
            :: <a href="#">Kontakt</a><br>
            :: <a href="#">Link Us</a><br>
            :: <a href="#">Impressum</a><br>
        <br>
        :: <a href="#">Members only</a></font></td>
        </tr>
      </table>

Alles anzeigen

so ich hoffe das reicht

knight

ich würde dein image als background implementieren innerhalb von text attributen
also:
p {
background-image: url(smallPic.jpg);
background-position: 20px 10px;
}
oder aber im html:
<p style="background-image:url(smallPic.jpg);width:blabla;>
navigation
</p>

Knight

Loui

jo, thx hat mir sehr geholfen;)

Loui

irgentiwe klappt das doch nicht

<p style="background-image:url(images/balkne2.jpg)"width="150" height="14";>
navigation
</p>

ist das so richtig ?

Loui

ahh, das mit dem text habe ich, aber jetz habe ich das problem, jetz ist da ein spalt und ich finde den fehler nicht wie ich den wegbikomme...

http://www.loui.kilu.de <-- Hier klicken un zu gucken^^

knight

Auf den ersten Blick fehlt da ein ";" vor den width

Knight

P.Ss. Überprüfre deinen code.
Eine Farbangebe hat 5 zahlen (was ja noch aktzeptiert wird) aber eine andere stelle hat 7!!! zahlen
Knight

Loui

mhhh, den code hab ich überprüft, an der farbe liegt es nicht ( hex-code )

aber das beantwortet mir die frage mit dem platz ja nicht ...

Tags