• Join us on Facebook
  • Follow us on Twitter
  • RSS Feed
Results 1 to 6 of 6
  1. 02-12-2011, 07:19 PM #1
    ubikdesign
    ubikdesign is offline
    Junior Member
    Join Date
    Feb 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    A little bit of html help needed.....

    Hi all, am still a bit of an amateur when it comes to html coding, so a little help would be much appreciated on this niggly problem...
    I have created a custom forum signature, to be uploaded to a forum i regularly use. The artwork has been created in photoshop, then sliced, saved as html and images, and opened in dreamweaver, to give me the following code.....


    <html>
    <head>
    <title>sigtest</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- ImageReady Slices (sigtest.jpg) -->
    <table id="Table_01" width="800" height="200" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="4">
    <a href="http://www.ubikdesign.co.uk"><img src="http://connekted.co.uk/sig1.jpg" alt="" width="800" height="106" border="0"></a></td>
    </tr>
    <tr>
    <td>
    <a href="http://www.ubikdesign.co.uk"><img src="http://connekted.co.uk/sig2.jpg" alt="" width="535" height="94" border="0"></a></td>
    <td>
    <img src="http://connekted.co.uk/sig3.jpg" width="89" height="94" alt=""></td>
    <td>
    <img src="http://connekted.co.uk/sig4.jpg" width="78" height="94" alt=""></td>
    <td>
    <a href="http://www.twitter.com/ubikdesign"><img src="http://connekted.co.uk/sig5.jpg" alt="" width="98" height="94" border="0"></a></td>
    </tr>
    </table>
    <!-- End ImageReady Slices -->
    </body>
    </html>




    However, when i paste this into the source text box that is installed on the forum, i get an image that looks like this....

    As you can see from the image, it seems to distort and separate from where the image has been sliced. Any help on how to get it looking right would be very appreciated!

    Thanks
    G
    Reply With Quote Reply With Quote
  2. 02-12-2011, 10:55 PM #2
    phoenix1331
    phoenix1331 is offline
    Junior Member phoenix1331's Avatar
    Join Date
    Jun 2010
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Why are you slicing it up to use as a sig, why not keep it as a complete image.......
    Reply With Quote Reply With Quote
  3. 02-12-2011, 11:03 PM #3
    ubikdesign
    ubikdesign is offline
    Junior Member
    Join Date
    Feb 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ive sliced it so that each individual slice will act as links, ie twitter...email....weblink etc. I could create individual buttons, but thought it would just be simpler to create a full sig image, slice up and upload that way. My main concern is why the image is splitting up when the html code is pasted?

    cheers
    G
    Reply With Quote Reply With Quote
  4. 02-13-2011, 09:49 AM #4
    Corrosive
    Corrosive is offline
    Moderator Corrosive's Avatar
    Join Date
    May 2010
    Location
    Bristol, UK
    Posts
    980
    Thanks
    18
    Thanked 27 Times in 20 Posts
    Quote Originally Posted by ubikdesign View Post
    My main concern is why the image is splitting up when the html code is pasted?
    This is the inherent problem with using tables and slices to layout anything. If you need your sig to be posted easily then look at using div tags and inline CSS styles instead. Photoshop is not designed to generate good HTML code, and it shows!
    Websites: Web Designers Bristol | IT Company Bristol | Computer Repair Bristol | Laptop Repair Bristol
    Social Media: Follow Us | Like Us
    Reply With Quote Reply With Quote
  5. 02-14-2011, 05:23 PM #5
    MatJohnson
    MatJohnson is offline
    Junior Member
    Join Date
    Feb 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yep, make it as div's and li's. If you are struggling, send it over and I will give you the code back
    Reply With Quote Reply With Quote
  6. 02-16-2011, 07:39 PM #6
    byronc
    byronc is offline
    Senior Member
    Join Date
    Feb 2011
    Location
    Bedford, UK
    Posts
    203
    Thanks
    1
    Thanked 0 Times in 0 Posts
    try this



    <html>
    <head>
    <title>sigtest</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">



    <!-- ImageReady Slices (sigtest.jpg) -->
    <div style="width:800px; height:200px" >

    <div>
    <td colspan="4">
    <a href="http://www.ubikdesign.co.uk"><img src="http://connekted.co.uk/sig1.jpg" alt="" width="800" height="106" border="0"></a></td>
    </div>

    <div>

    <div style="float:left">
    <a href="http://www.ubikdesign.co.uk"><img src="http://connekted.co.uk/sig2.jpg" alt="" width="535" height="94" border="0"></a></td>
    </div>

    <div style="float:left">
    <img src="http://connekted.co.uk/sig3.jpg" width="89" height="94" alt="">
    </div>

    <div style="float:left">
    <img src="http://connekted.co.uk/sig4.jpg" width="78" height="94" alt="">
    </div>

    <div style="float:left">
    <a href="http://www.twitter.com/ubikdesign"><img src="http://connekted.co.uk/sig5.jpg" alt="" width="98" height="94" border="0"></a>
    </div>

    </div>

    </div>
    <!-- End ImageReady Slices -->
    </body>
    </html>
    Web design in Bedford, Bedfordshire. SEO in Bedford - London based UK Hosting
    web design agency in Bedford web design in Cambridge web design in Milton Keynes coding is life!
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Similar Threads

  1. HTML Help
    By ARRIVALS in forum Website Coding & Programming Forum:
    Replies: 7
    Last Post: 11-01-2011, 06:38 PM
  2. New Social Network/E-commerce - JQuery, AJAX some SQL, HTML & CSS dev needed!
    By steviemufc in forum Partnerships
    Replies: 0
    Last Post: 10-15-2011, 02:16 PM
  3. HTML desperate help needed
    By lou in forum Website Design Forum:
    Replies: 17
    Last Post: 02-24-2011, 06:49 PM
  4. Help with HTML?
    By OutTheBox in forum Website Coding & Programming Forum:
    Replies: 14
    Last Post: 12-08-2010, 03:05 PM
  5. HTML Help needed!
    By OutTheBox in forum Website Coding & Programming Forum:
    Replies: 4
    Last Post: 12-06-2010, 12:55 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules