subhorachana
asked on
Wrap text around div
Hello,
I am looking for a solution to a Word wrap in HTML problem. I want to Word wrapp of the text in a Div around another div.
I am referring the code in link which is mentioned on the URL http://www.rayswoodworks.com/test_files/One-Column/1-col-demo.html .I want the same results.The smaller 'div' should be to the right and the words should be wrapped around it.
Attached is my HTML code snippet, CSS Snippet,and the screenshot of how my page is looking currently.
Please suggest how to get the word wrap around the first div and mak it appear like the link in the attachment.
Issue-WordWrapHTML.doc
I am looking for a solution to a Word wrap in HTML problem. I want to Word wrapp of the text in a Div around another div.
I am referring the code in link which is mentioned on the URL http://www.rayswoodworks.com/test_files/One-Column/1-col-demo.html .I want the same results.The smaller 'div' should be to the right and the words should be wrapped around it.
Attached is my HTML code snippet, CSS Snippet,and the screenshot of how my page is looking currently.
Please suggest how to get the word wrap around the first div and mak it appear like the link in the attachment.
Issue-WordWrapHTML.doc
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Hello,
I was able to wrap the text around the DIV and use the 'display:none' property to show/hide the DIV using a flip of CSS.
There is another box I want to show/hide based on the cSS. but this time it is a table.It has been made as a table for the look and feel of the page, because I guess the same thing cannot be achieved by a DIV.
I guess the 'display:none' property is not working on a table.Please either tell me a way to change this box to a DIV without changing the look and feel of the page, or Please tell me the change in the CSS so that I can show or hide a table with a flip of the CSS.
CUrrently the Yellow table appears on the page, but due to a change we want to remove the yellow table shown in the screenshot from the HTML page.
The main challenge is that I do not want to do any change to the HTML page when the change gets confirmed.I want the code on the HTML page to be as it is and just by a flip of the CSS we want the Yellow Table to appear or not appear.
Please find attached the Code and the screenshot of the page with the yellow box, that i want to show/hide.
Thanks in advance for the help.
Issue-WordWrapHTML.doc
I was able to wrap the text around the DIV and use the 'display:none' property to show/hide the DIV using a flip of CSS.
There is another box I want to show/hide based on the cSS. but this time it is a table.It has been made as a table for the look and feel of the page, because I guess the same thing cannot be achieved by a DIV.
I guess the 'display:none' property is not working on a table.Please either tell me a way to change this box to a DIV without changing the look and feel of the page, or Please tell me the change in the CSS so that I can show or hide a table with a flip of the CSS.
CUrrently the Yellow table appears on the page, but due to a change we want to remove the yellow table shown in the screenshot from the HTML page.
The main challenge is that I do not want to do any change to the HTML page when the change gets confirmed.I want the code on the HTML page to be as it is and just by a flip of the CSS we want the Yellow Table to appear or not appear.
Please find attached the Code and the screenshot of the page with the yellow box, that i want to show/hide.
Thanks in advance for the help.
Issue-WordWrapHTML.doc
It would be the same for a TABLE element as for a DIV, you just need to add the id and/or class attribute to the table, e.g. in the sample below the table has class="TableClass" and id="TableID" so that now in you CSS you can apply styles to it:
#TableID
{
/* Add CSS for table with the ID "TableID" */
}
.TableClass
{
/* Add CSS for elements with Class "TableClass" */
}
You can use both ID and CLASS or just one or the other; either way it will be same as for a DIV.
#TableID
{
/* Add CSS for table with the ID "TableID" */
}
.TableClass
{
/* Add CSS for elements with Class "TableClass" */
}
You can use both ID and CLASS or just one or the other; either way it will be same as for a DIV.
<table width="100%" border="1" cellspacing="0" cellpadding="0" class="TableClass" id="TableID">
ASKER