Little HTML Help

Discussion in 'Computing, Science, and Technology' started by fear_2670, Jan 30, 2009.

  1. fear_2670

    fear_2670 Banned

    Joined:
    Aug 17, 2008
    Messages:
    3,626
    Likes Received:
    0
    Well, since i'm not going to work with Dw for now, there's something in HTML that i haven't been able to do and was wondering if anyone could help me.

    Here goes:

    I have this shape and was wondering how to WRITE on it, not Photoshop, but in either HTML or CSS so that it can be copy and pasted.

    Any help appreciated.
  2. Axis

    Axis Super Moderator Staff Member

    Joined:
    Dec 2, 2007
    Messages:
    6,288
    Likes Received:
    133
    Device:
    iPhone 4S (White)
    Set it is the background image between two div tags. (Use CSS for that)
  3. fear_2670

    fear_2670 Banned

    Joined:
    Aug 17, 2008
    Messages:
    3,626
    Likes Received:
    0
    OK, will try that.
  4. DotSlashSlash

    DotSlashSlash Active Member

    Joined:
    Feb 29, 2008
    Messages:
    1,134
    Likes Received:
    0
    Device:
    iPhone 3GS (White)
    you could a div overlay in css however the downside it can look quite different in various browsers as it is not fixed, search for div html or somit and their will be something to help you

    EDIT oh:/ i was a tad late

    Please Register or Log in to view images

  5. fear_2670

    fear_2670 Banned

    Joined:
    Aug 17, 2008
    Messages:
    3,626
    Likes Received:
    0
    The shape shows up, but i can't write on it, which is the whole purpose.
  6. Axis

    Axis Super Moderator Staff Member

    Joined:
    Dec 2, 2007
    Messages:
    6,288
    Likes Received:
    133
    Device:
    iPhone 4S (White)
    I'm sorry, but I have a limited knowledge of html. There are many resources on the internet.
  7. fear_2670

    fear_2670 Banned

    Joined:
    Aug 17, 2008
    Messages:
    3,626
    Likes Received:
    0
    I searched, but nothing shows up, yet i've seen other website with text inside shapes.
  8. NickPod

    NickPod Member

    Joined:
    Dec 27, 2008
    Messages:
    840
    Likes Received:
    1
    Device:
    iPhone 4S (Black)
    I don't know how it will work, but I just threw it together.

    Code:
    <html>
    
    <head>
    <title>Background Image with Text</title>
    </head>
    
    <div style="height=700px; width=700px; background-image:url(http://picturecrib.com/images/hx8lqre792amwqa3z7zs.jpg); background-repeat: no-repeat;">
        <table>
            <td height=700px width=700px>
            <tr width=650px><br /><br />
                
        
                    Your Text Here. Your Text Here. Your Text Here. Your Text Here. Your Text Here. <br>
                    Your Text Here. Your Text Here. Your Text Here. Your Text Here. <br>
                    Your Text Here. Your Text Here. Your Text Here. Your Text Here. Your Text Here. <br>
                    Your Text Here. <br>
                    Your Text Here. <br>
                    Your Text Here. <br>
                    Your Text Here. Your Text Here. Your Text Here. Your Text Here. Your Text Here. <br> 
                    Your Text Here. Your Text Here. Your Text Here. Your Text Here. Your Text Here. <br> 
                    Your Text Here. <br>
                                    
        
            
            </tr></td>
        </table>
    </div>
    
    
    </body>
    
    </html>
  9. fear_2670

    fear_2670 Banned

    Joined:
    Aug 17, 2008
    Messages:
    3,626
    Likes Received:
    0
  10. NickPod

    NickPod Member

    Joined:
    Dec 27, 2008
    Messages:
    840
    Likes Received:
    1
    Device:
    iPhone 4S (Black)
    No problem.

    But I went back and decided that using a table is easier and much less sloppy.

    Working example:
    www.eagleconnections.net/go/table.html
    Code:
    <html>
    
    <head>
    <title>Background Image with Text</title>
    </head>
    
    <div align="center">
        <table border="0" width="700" background="http://picturecrib.com/images/hx8lqre792amwqa3z7zs.jpg" height="500" id="table1">
            <tr>
                <td>
    
                <p align="center">Your text here.</p>
                <p align="center">Your text here.</p>
                <p align="center">Your text here.</p>
                <p align="center">Your text here.</p>
                <p align="center">Your text here.</p>
                <p align="center">Your text here.</p>
                
                </td>
           </tr>
        </table>
    </div>
    
    </body>
    
    </html>
    

Share This Page