Rearranging sections of code?

i'm trying rearrange sections of code throughout website, put navigation links/arrows before image, it's vice-versa. there hundreds of pages within site , fact links , captions different on each page preventing simple find-and-replace.

 

i've looked regular expressions beginner seem have screwed up, because test run did not yiled result expected. think whitespace between each line of code might have screwed me up, varies page page. (some pages indent, run same line..)

 

here's current code:

 

<div id="mainimage"><a href="02.html"><img src="01.jpg" alt="© photographer"></a></div>

    <div id="caption">kitchenette </div>

    <div id="galnav">

       <a href="12.html"><img src="../images/left.jpg"></a>

       <a href="office.html"><img src="../images/thumbs.jpg" /></a>

       <a href="02.html"> <img src="../images/right.jpg" /> </a>

    </div>

 

here's desired code (the "galnav" section goes before main image):

<div id="galnav">

       <a href="12.html"><img src="../images/left.jpg"></a>

       <a href="office.html"><img src="../images/thumbs.jpg" /></a>

       <a href="02.html"> <img src="../images/right.jpg" /> </a>

    </div>

<div id="mainimage"><a href="02.html"><img src="01.jpg" alt="© photographer"></a></div>

    <div id="caption">kitchenette</div>

   

 

thanks in advance!

a link live pages useful.

More discussions in Dreamweaver support forum

adobe