Jump to content

unplugged1981

Members
  • Posts

    4
  • Joined

  • Last visited

unplugged1981's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. Hello again. well the idea is to put some text on each images for example. And then be able to position it as i like"I am a new student who is learning Html /javascripthere are the codes, <html><head><meta/><title>My personnal page_learning_test</title><style type="text/css" media="all">body{ background-color:#e0edc5; text-align:center; }#top_square{ margin-left: auto; margin-right: auto; }#little_squares{ margin-left: auto; margin-right: auto; }#blue_square{ width:600px; height:145px; background-image:url(images/center_div1.jpg); margin-left: auto; margin-right: auto; }#link_squares{ margin-left: auto; margin-right: auto; } #green_square{ width:600px; background-color:#fff; overflow:hidden; margin-left: auto; margin-right: auto; } #bottom_square{ margin-left:auto; margin-right:auto; } #gray-square{position:relative;top:20px;right:105px;margin-bottom:34px;} #little_gray_square{position:relative;right:298px;} </style></head><body><div id="top_square"><img src="images/top_1.jpg" width="600px" height ="12px"/></div><div id="little_squares"><img src="images/little_squares1.jpg" width="600px" height ="131px" /></div> <div id="blue_square"> <div id="gray-square"> <img src="images/gray-square.jpg" width="348px" height="111px" /> </div><div id="link_squares"><img src="images/green-rectangle.jpg" width="600px" height="35px"/></div><div id="green_square" /><img src="images/green_box.jpg" width="207px" height="298px" align="left"/><div id="little_gray_square"/><img src="images/little-gray-square.jpg" width="210px" height="34px"/></div><div id="bottom_square"><img src="images/footer_green.jpg" width="600px" height="59px"/></div></body></html>
  2. unplugged1981

    Html

    Hello i was wondering,how can i move freely a word/paragraph inside a div,without affecting an images or other elements..sincerely, unplugged!thank in adv for all help!!
  3. Thank i will try that out.--thank-you for posting irealy need a bit of help--
  4. Hello!im having some issues with a image.1) I have created a div and i have put a background image on that div. 2)know, i have put a image inside that div i created..and it is always in the center by default.My question is: How do i move or position that images inside the div. I have tried margin-left/rigth but it doesent seem to work,...the VSPACE OR HSPACE arethe only ones that works(in firefox only but not in EI) im looking for a way to make it work on firefox and in EI).Tks..in adv-------------------------------------------------------------------------------------<html><head><meta/><title>My personnal page_learning_test</title><style type="text/css" media="all">body{ background-color:#e0edc5; text-align:center; }#top_square{ margin-left: auto; margin-right: auto; }#little_squares{ margin-left: auto; margin-right: auto; }#blue_square{ width:600px; height:145px; background-image:url(images/center_div1.jpg); (this is the div that has a background image margin-left: auto; margin-right: auto; }#link_squares{ margin-left: auto; margin-right: auto; } #green_square{ width:600px; background-color:#fff; overflow:hidden; margin-left: auto; margin-right: auto; } #bottom_square{ margin-left:auto; margin-right:auto; } </style></head><body><div id="top_square"><img src="images/top_1.jpg" width="600px" height ="12px"/></div><div id="little_squares"><img src="images/little_squares1.jpg" width="600px" height ="131px"/></div> <div id="blue_square"> <img src="images/gray-square.jpg" width="348px" height="111px" /> this is the image that goes inside the div,how can i move the image the way i like? </div><div id="link_squares"><img src="images/green-rectangle.jpg" width="600px" height="35px"/></div><div id="green_square" /><img src="images/green_box.jpg" width="207px" height="298px" align="left"/></div><div id="bottom_square"></div></body></html>
×
×
  • Create New...