Some web design technical problems

6 replies
  • WEB DESIGN
  • |
Link of image

How do i add in the dotted line that is surrounded by the opt in form and also how do i add in the text that is directly besides the ebook graphics?It couldn't be typed directly besides it.
#design #problems #technical #web
  • Profile picture of the author Kyle Oliveiro
    [DELETED]
    {{ DiscussionBoard.errors[4643665].message }}
    • Profile picture of the author Haruki92
      Originally Posted by Kyle Oliveiro View Post

      Where are you trying to add all of this in? Within a Wordpress post? On a specific HTML site?

      For the dotted line, you'll have to set the css property "border-style" of the opt-in box's container to "dotted". You'll also have to adjust the border width and color. The shorthand method for this is "border: 6px dotted #f70000;", for example.

      For the text, just make sure that the eBook has a "float: left;" property.
      It is in html file,can u explain to me in an easier way as I do not have any knowledge on html coding.
      {{ DiscussionBoard.errors[4643680].message }}
  • Profile picture of the author Kyle Oliveiro
    [DELETED]
    {{ DiscussionBoard.errors[4643710].message }}
    • Profile picture of the author Haruki92
      Originally Posted by Kyle Oliveiro View Post

      Well, you need knowledge in HTML and CSS if you want to edit a HTML file so that it appears the way you want it.

      PM me your email and I can help you code it.
      My email is energy_1943@yahoo.com.Thanks a lot!Do u mind teaching me some basic coding?or perhaps give me some links as I tried to google but it seemed quite hard to understand.
      {{ DiscussionBoard.errors[4643730].message }}
  • Profile picture of the author SEOExpert999
    You need an html editor to make this a little easier. A good paid editor is dreamweaver. If you use mozilla webbrowser you can use a free add on called Firebug. But you really need to get you a CSS Style Cheat Sheet.
    {{ DiscussionBoard.errors[4644064].message }}
  • Profile picture of the author oclseo
    Originally Posted by Haruki92 View Post

    Link of image

    How do i add in the dotted line that is surrounded by the opt in form and also how do i add in the text that is directly besides the ebook graphics?It couldn't be typed directly besides it.
    Here is the css code

    .horizontal_dotted_line
    {
    border-bottom: 1px dotted #80c080;
    width: 100px;
    }

    and put this code on the HTML code

    <div class="horizontal_dotted_line">
    Signature
    {{ DiscussionBoard.errors[4645624].message }}
    • Profile picture of the author Haruki92
      Originally Posted by oclseo View Post

      Here is the css code

      .horizontal_dotted_line
      {
      border-bottom: 1px dotted #80c080;
      width: 100px;
      }

      and put this code on the HTML code

      <div class="horizontal_dotted_line">
      So where do i paste the codes and how should I go about it??Is there any tutorials that teaches us the exact way?sorry i got no knowledge in codings.
      {{ DiscussionBoard.errors[4645657].message }}
      • Profile picture of the author John Chadwick
        If you are struggling that much, why not outsource your coding? What exactly is it you are trying to code? Is it just the one squeeze page?
        {{ DiscussionBoard.errors[4645824].message }}

Trending Topics