unplugged1981 Posted January 4, 2010 Share Posted January 4, 2010 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!! Link to comment Share on other sites More sharing options...
jlhaslip Posted January 5, 2010 Share Posted January 5, 2010 It sort of depends on the code you have created and also on what you mean by 'move freely'...Margins, padding and floats are used to 'move' things. Sometimes position: relative or absolute. Or possibly a Span tag might be needed.Let us see the code you have created so far. Link to comment Share on other sites More sharing options...
unplugged1981 Posted January 5, 2010 Author Share Posted January 5, 2010 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> Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.