5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

Some Web design problems

by Haruki92
4 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 #web
  • Profile picture of the author Jonas B
    border: 1px dotted red;

    float your ebook image and float your text next to it
    Signature
    Proud owner of the most flexible mobile app builder. Check it out at http://bit.ly/hybrica!
    Mobile Web Expert & Android Developer
    {{ DiscussionBoard.errors[4643948].message }}
    • Profile picture of the author emdubl
      Create 2 DIV's side by side.. Either float them both left with a margin in between or float one left and one right.

      Then in your first DIV, float an image to the left and type your text.

      Create the border on the 2nd div as Jonas B mentioned.

      Good luck.
      Signature
      how i make money online

      private investigator training
      {{ DiscussionBoard.errors[4644457].message }}
      • Profile picture of the author Haruki92
        Originally Posted by emdubl View Post

        Create 2 DIV's side by side.. Either float them both left with a margin in between or float one left and one right.

        Then in your first DIV, float an image to the left and type your text.

        Create the border on the 2nd div as Jonas B mentioned.

        Good luck.
        Sorry i have no knowledge in html codes,how do i float an image to the left?is there any videos that teaches this?
        {{ DiscussionBoard.errors[4645418].message }}
  • Profile picture of the author Aaron Sustar
    You can float an image to the left like this: <img src="your_image.jpg" style="float:left; display:inline;" />

    You can float div and span elements to the right like this: <div style="float:right; display:inline;">text here</div>

    So, use the "style" attribute and use the correct value for the "float" command.

    (Before someone corrects me - I'm using the display:inline; command because Internet Explorer has some major rendering issues with side margins of floated elements up to the 7.0 version if you're not using the display:inline; command.)

    Good luck!
    {{ DiscussionBoard.errors[4650670].message }}

Trending Topics