7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Can this even be done in HTML/web design?

by Nathan Alexander
5 replies
  • WEB DESIGN
    • |
I'm sure it could. But I can't figure it out. Of course, I do NOT do web stuff or code or whatever beyond guesswork and trial and error.

So with that in mind, is it even possible to do this (image below) in Frontpage 2003? I want to add the doodle "as is" without changing too much if at all.

So how to get these images to show up in/on the right place for a guy like me that doesn't know too much about web design (but maybe enough?)? Is it "easy" to explain? Is something best suited for a web guy?

Thank you!!

Nathan

Obviously the arrows, underline (that one seems particularly tricky) and the "note" in the image below.
#design #html or web
  • Profile picture of the author theIMgeek
    It most certainly is possible.

    While the sensible person might leave it at that, with a crumb of a clue for you to get on the right track, I decided to take a few hours to create a full-fledged tutorial on the topic.

    CSS Highlight and Underline Effects

    That covers the underlining, specifically, but doesn't mention the margin doodles. The technique is very similar except the CSS positioning would be different. Perhaps I'll do a follow up tutorial detailing margin notes, but not today!

    Hope that helps, Nathan.

    -Ryan
    Signature
    FREE WSO: Protect and Automatically Deliver Your Digital Products

    Ask the Internet Marketing Geek     <-- Happy to help with technical challenges
    MiniSiteMaker.org <-- Free software to make your mini-sites fast and easy
    {{ DiscussionBoard.errors[1723856].message }}
  • Profile picture of the author jcoolbaugh
    In FrontPage, select the image then right-click, choose Format Picture, then choose text wrap "square" aligned "left" (or right, depending on where you want it to show up). You may have to resize the image manually to get it to display properly, but that should do the trick.

    HTH
    Signature
    veni, addidicī, vici.
    {{ DiscussionBoard.errors[1724911].message }}
  • Profile picture of the author lostarts
    I would make the notes in photoshop then save the image for web. It might take a bit of creativity to position some of the doodles, but with a little bit of hunting, you'll get it.

    HTML Images

    message me if you'd like help.
    Signature

    "We think in secret and it comes to pass. Environment is but a looking glass" - James Allen, As a Man Thinketh
    clear-mind-meditation-techniques.com
    Premium Landing Page Service
    Quick, Easy, Affordable Squeezepage

    {{ DiscussionBoard.errors[1730928].message }}
  • Profile picture of the author Nathan Alexander
    Thank you folks so much. I really appreciate it!

    (RJP - I'm checking out your tutorial now.... )
    {{ DiscussionBoard.errors[1735597].message }}
  • Profile picture of the author Lambert Klein
    Yes like RJP says, using negative padding or positiong with CSS should do the trick.
    Signature

    WordPress Domination: from Beginner to Ninja in 7 Days http://www.amazon.com/dp/B007LS0TLE

    {{ DiscussionBoard.errors[1736192].message }}

Trending Topics