Some Web design problems

by 4 replies
5
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.
#website design #design #problems #web
  • border: 1px dotted red;

    float your ebook image and float your text next to it
    • [1] reply
    • 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.
      • [1] reply
  • 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!
Join the discussion

Next Topics on Trending Feed

  • 5

    Some Web design problems

    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.