Member Avatar for KDesai

Hi,

When you look at the following code it shows up fine in IE and FireFox as a list of images placed next to each other. But when I open it in Word it puts each image on a new line. How can this be fixed.
Thanks


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FaceSheet</title>
<link href="" rel="stylesheet"
type="text/css" />
</head>
<body>

<!-- DYNAMIC CONTENT - START -->
<!-- <div id="box_dinamico">-->
<!-- DYNAMIC RECORDS - START -->

<div id="contenuti_dinamici">

<div class="pictureframe_over">
<div class="bk">
<div class="img">


<img src=""
border="0" title="20" />

</div>
</div>
<div class="category">20</div>
<div class="img_title">

from fennyu**
</div>
</div>
<div class="pictureframe_over">
<div class="bk">
<div class="img">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank">
<img src=""
border="0" title="The parrot revenge records" />
</a>

</div>
</div>
<div class="category">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="title" title="The parrot revenge records">The parrot revenge
records</a></div>
<div class="img_title">
<p>
from <a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="author">mary2050</a></p>

</div>
</div>
<div class="pictureframe_over">
<div class="bk">
<div class="img">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank">
<img src=""
border="0" title="Ducks" />
</a>
</div>

</div>
<div class="category">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="title" title="Ducks">Ducks</a></div>
<div class="img_title">
<p>
from <a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="author">haihui</a></p>
</div>

</div>
<div class="pictureframe_over">
<div class="bk">
<div class="img">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank">
<img src=""
border="0" title="cat" />
</a>
</div>
</div>

<div class="category">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="title" title="cat">cat</a></div>
<div class="img_title">
<p>
from <a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="author">kitty</a></p>
</div>
</div>

<div class="pictureframe_over">
<div class="bk">
<div class="img">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank">
<img src=""
border="0" title="FAEB92DD_1854359" />
</a>
</div>
</div>
<div class="category">

<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="title" title="FAEB92DD_1854359">FAEB92DD_1854359</a></div>
<div class="img_title">
<p>
from <a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="author">lungu</a></p>
</div>
</div>
<div class="pictureframe_over">

<div class="bk">
<div class="img">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank">
<img src=""
border="0" title="Lovely dogs, excitement" />
</a>
</div>
</div>
<div class="category">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="title" title="Lovely dogs, excitement">Lovely dogs, excitement</a></div>

<div class="img_title">
<p>
from <a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="author">litter baby</a></p>
</div>
</div>
<div class="pictureframe_over">
<div class="bk">
<div class="img">

<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank">
<img src=""
border="0" title="Sleepy kittens." />
</a>
</div>
</div>
<div class="category">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="title" title="Sleepy kittens.">Sleepy kittens.</a></div>
<div class="img_title">

<p>
from <a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="author">yanyan1974</a></p>
</div>
</div>

<div class="pictureframe_over">
<div class="bk">
<div class="img">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank">

<img src=""
border="0" title="猫狗大战" />
</a>
</div>
</div>
<div class="category">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="title" title="猫狗大战">猫狗大战</a></div>
<div class="img_title">
<p>

from <a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="author">litter baby</a></p>
</div>
</div>
<div class="pictureframe_over">
<div class="bk">
<div class="img">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank">
<img src=""
border="0" title="cat" />

</a>
</div>
</div>
<div class="category">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="title" title="cat">cat</a></div>
<div class="img_title">
<p>
from <a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="author">diandianke</a></p>

</div>
</div>
<div class="pictureframe_over">
<div class="bk">
<div class="img">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank">
<img src=""
border="0" title="Duncan-always-steals-Hana-s-treats" />
</a>
</div>

</div>
<div class="category">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="title" title="Duncan-always-steals-Hana-s-treats">Duncan-always-steals-Hana-s-treats</a></div>
<div class="img_title">
<p>
from <a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="author">diandianke</a></p>
</div>

</div>
<div class="pictureframe_over">
<div class="bk">
<div class="img">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank">
<img src=""
border="0" title="Lovely dogs and cats" />
</a>
</div>
</div>

<div class="category">
<a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="title" title="Lovely dogs and cats">Lovely dogs and cats</a></div>
<div class="img_title">
<p>
from <a href=""
onclick="javascript:statsadv_viewImageStat(this,3);urchinTracker('/out/us4y/life');"
target="_blank" class="author">litter baby</a></p>
</div>
</div>

<div style="clear: both">
</div>
</div>
<!-- DYNAMIC RECORDS - END -->
<!-- </div>-->
</body>
</html>

  • 3 Contributors
  • 4 Replies
  • 143 Views
  • 4 Days Discussion Span
  • Latest Post Latest Post by MidiMagic

Recommended Answers

All 4 Replies

Member Avatar for autocrat

Erm... when you say "next to each other"... you mean "side by side" or "horizontally ???

Well, think about it.
MS Word is not receiving the styles!
If you remove your style sheet call, you'll probably see that the browsers do the same as the word processor.

Divs, by desfult, go full width.
This means that they will not appear side by side, but instead will stack beneath each other.


Additionally.... why do many divs?
You could get much the same result with a List and Spans :)
(Okay, not exactly much better... but more logical?).

Member Avatar for KDesai

Thanks autocrat. I did mean 'next to each other - to mean side by side'. I'll try using lists and spans and see if that helps. Thanks!

Member Avatar for autocrat

Don't foget, if you are using an external style sheet, cutting and pasting the Code will result in a different display.

Using Inline Styles will help... but I cannot gaurentee that any application will accept or result in a manner the same way a browser would.

If it is important to get a example of the page in a document, eithe take a screen shot and paste it in as an image.... or make it a PDF.

Member Avatar for MidiMagic

Word does stupid things with web pages.

I use it just to check my speling and grammmer. I make the actual changes in Notepad after seeing what Word says, and then I don't save the Word version.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.